如何添加具有相同文本输入名称和单选按钮(html，php)的多个条目

Question

<form action="confirm.php" method="post" name="">
Hobby : <input type="text" name="f_hobby[]" value="" placeholder="Enter your Hobby"/>
Status : <input name="f_status[]" type="radio" value="1" /> ON <input name="f_status[]" type="radio" value="0" /> OFF  
<br>
Hobby : <input type="text" name="f_hobby[]" value="" placeholder="Enter your Hobby"/>
Status : <input name="f_status[]" type="radio" value="1" /> ON <input name="f_status[]" type="radio" value="0" /> OFF  
<br>
Hobby : <input type="text" name="f_hobby[]" value="" placeholder="Enter your Hobby"/>
Status : <input name="f_status[]" type="radio" value="1" /> ON <input name="f_status[]" type="radio" value="0" /> OFF  
<br>
<br>
<button type="submit" class="">Submit</button>
</form>

收音机按钮有问题。

在确认页面上，我使用了foreach循环。我如何也得到"；f_status"？

Answer 1

首先，这是一个有趣的问题，但不幸的是，如果名称相同，HTML就无法理解没有不同名称的字段。

因此，实现目标的唯一方法是将所有这些标签放在三个不同的形式标签中，然后你可以命名所有相同的标签，即f_hobby[]

此外，您需要添加一个按钮来提交所有三个按钮。为此，u可以使用onsubmit()或onclick()函数。

<form action="confirm.php" method="post" name="" id="form1">
Hobby : <input type="text" name="f_hobby[]" value="" placeholder="Enter your Hobby"/>
Status : <input name="f_status[]" type="radio" value="1" /> ON <input name="f_status[]" type="radio" value="0" /> OFF 
</form> 
<form action="confirm.php" method="post" name="" id="form2">    
Hobby : <input type="text" name="f_hobby[]" value="" placeholder="Enter your Hobby"/>
Status : <input name="f_status[]" type="radio" value="1" /> ON <input name="f_status[]" type="radio" value="0" /> OFF  
</form>
<form action="confirm.php" method="post" name="" id="form3"> 
Hobby : <input type="text" name="f_hobby[]" value="" placeholder="Enter your Hobby"/>
Status : <input name="f_status[]" type="radio" value="1" /> ON <input name="f_status[]" type="radio" value="0" /> OFF  
</form> 
<button type="submit" class=""  onclick="submitForms()">Submit</button>
<script>
submitForms = function(){
document.getElementById("form1").submit();
document.getElementById("form2").submit();
document.getElementById("form3").submit();
alert("gajab");
}
</script>

我已经给了表单一个id，可以使用单个按钮提交，你也可以使用class。我相信这会解决你的问题。