在将动态输入字段插入新的表单html页面时遇到了一些困难。从本质上讲,我希望在指定表维度的上一页上单击提交按钮时,将这些动态创建的输入输入到一个新的表单字段中。目前,当我查看页面源代码时,输入字段在html正文之外。我宁愿不必使用JavaScript,只需要保持简单的
//指定了维度的页面,例如dimensions.html。点击提交将进入一个新页面,并在html表单中显示指定的输入字段。
<form action="script.php" method="post">
<label for="rows">Number of Rows (Min 1, Max 10)</label>
<input type="number" class="form-control" min="1" max="10" value="" name="rows" required>
<label for="columns">Number of Columns (Min 3, Max 10)</label>
<input type="number" class="form-control" min="3" max="10" value="" name="columns" required>
<input type="submit" name="submit2" value="Submit"/>
<input type="hidden" name="method" value="post" />
</form>
// loop for creating input fields from previous form input specifying table dimensions from seperate .php file
$row = (isset($_POST['rows']) ? $_POST['rows'] : null);
$col = (isset($_POST['columns']) ? $_POST['columns'] : null);
$x = $row * $col;
for ($i = 1; $i <= $x; $i++) {
echo "$i<input type='text' name='content[]' required>", "<br>";
}
//新的html页面表单页面,例如content.html
<form action="script.php" method="post">
<input type="text" name="content[]">
//我想在内部生成新的字段输入
<input type="submit" name="submit3" value="Submit"/>
<input type="hidden" name="method" value="post"/>
</form>
您可以这样做
page1.php
<form action="page2.php" method="post">
<label for="rows">Number of Rows (Min 1, Max 10)</label>
<input type="number" class="form-control" min="1" max="10" value="" name="rows" required>
<label for="columns">Number of Columns (Min 3, Max 10)</label>
<input type="number" class="form-control" min="3" max="10" value="" name="columns" required>
<input type="submit" name="submit2" value="Submit"/>
<input type="hidden" name="method" value="post" />
</form>
page2.php
<?php
if(isset($_POST['submit2'])){
$row = $_POST['rows'];
$col = $_POST['columns'];
$x = $row * $col;
}
?>
<form action="script.php" method="post">
<input type="text" name="content[]">
<?php
if(isset($x)){
for ($i = 1; $i <= $x; $i++) {
echo "<input type='text' name='content[]' required><br>";
}
}
?>
<input type="submit" name="submit3" value="Submit"/>
<input type="hidden" name="method" value="post"/>
</form>