HTML，编写不同的输入文本但作为一个提交

Question

你可能会问为什么要这样做？我的实际代码比这个代码复杂得多，可以说我让它对我来说已经足够困难了，因为这些输入被分隔在 table 和 table 的不同列中，我正在尝试提交所有文本值输入。

  <form id="myForm" action="form_action.asp">
   First name: <input type="text" name="fname"><br>
   Last name: <input type="text" name="lname"><br>
   Nick name: <input type="text" name="nname"><br>
   In Game name: <input type="text" name="iname"><br>
    </form>
        <?-----separate information ----?>
    <form id="myForm" action="form_action.asp">
    Username: <input type="text" name="uname"><br><br>
    <input type="button" onclick="myFunction()" value="Submit form">
    </form>

     <script>
     function myFunction() {
        document.getElementById("myForm").submit();
    }
    </script>

而且我知道这段代码没有按照我希望的方式工作。还有什么其他可能的方法来做到这一点？ Source

Answer 1

您不应有多个具有相同 ID 的 <form> 标签。您可以在表单标签中包含任何您想要的内容，所以我不确定您为什么认为需要将其拆分...但这是不必要的，而且很可能是导致您出现问题的原因。

您也可以通过为提交按钮使用正确类型的按钮来完全摆脱 JavaScript。

<form id="myForm" action="form_action.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  Nick name: <input type="text" name="nname"><br>
  In Game name: <input type="text" name="iname"><br>

       <?-----separate information ----?>

   Username: <input type="text" name="uname"><br><br>
<input type="submit" value="Submit form"/>
   </form>

Answer 2

 ******?><form method='POST'><?php
                echo "
                <tr>
                <td><input type='text'  name='LNS' value='$row0[1]' style='width: 100.2222204208374px;'></td>
                <td><input type='text'  name='FNS' value='$row0[2]' style='width: 100.2222204208374px;'></td>
                <td><input type='text'  name='CRS' value='$row0[3]' style='width: 60.2222204208374px;'></td>";
                if($row0[4] == "1"){
                    $str=$row0[4].'st Year';
                }else if($row0[4] == "2"){
                    $str=$row0[4].'nd Year';
                }else if($row0[4] == "3"){
                    $str=$row0[4].'rd Year';
                }else{
                    $str=$row0[4].'th Year';
                }
                echo"<td>
                <input type='text' value='$str' style='width:75.2222204208374px;'></td>";?>
                <td align="center" style="border-right-width: 10px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;padding-top: 0px;">
                <div class="image-holder" style="margin-top: 0px;margin-left: 0px;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;">
                <img class="thumbnail" src="phone.png" style="width:32px;height:32px;">
                    <div class="dropdown" style="left: 0px; width: 300px;bottom: 100px;left: 50px;">
                        <div class="dropdown-content" style="width: 300px;background-color: #E6E6E6;">
                <?php
                $q1 = "SELECT DISTINCT StudentNumber FROM `studentno` JOIN`students` ON studentID_FK=$row0[0] ";
                $r1 = mysqli_query($connection,$q1);
                echo "<b>$row0[1]'s Contact Numbers</b>";
                if(mysqli_num_rows($r1) > 0){
                while($ro1 = mysqli_fetch_row($r1)){ 
                    echo "<form method='POST'>
                    <input type='hidden' name='ID' value='$row0[0]'>
                    <input type='hidden' name='SS' value='$row0[6]'>
                    <input type='text'  name='Number' value='$ro1[0]' 
                    style='width: 136.2222204208374px;'>
                    <input type='submit' name='CHNGStdn' id='edit-icon'  alt='Submit'></input>
                    <input type='submit' name='DELStdn' id='delete-icon' alt='Submit'></input></form>";
                    }
                    echo "<form method='POST'>
                    <input type='hidden' name='ID' value='$row0[0]'>
                    <input type='hidden' name='SS' value='$row0[6]'>
                    <input type='text' name='Number' value='New'
                    style='width: 136.2222204208374px;'>
                    <input name='ADDStdn' type='submit'  id='add-icon' alt='Submit'></input><br></form>";
                    }else{
                    echo "<form method='POST'>
                    <input type='hidden' name='ID' value='$row0[0]'>
                    <input type='hidden' name='SS' value='$row0[6]'>
                    <input type='text' name='Number' value='New'
                    style='width: 136.2222204208374px;'>
                    <input name='ADDStdn' type='submit'  id='add-icon' alt='Submit'></input><br></form>";
                    }?>
                </div>
                </div>
                </div>
                </td>
                <?php 
                echo "<td><input type='text'  name='ADDR' value='$row0[5]' style='width: 136.2222204208374px;'></td>";?>
                <td>
                <?php
                $q2 = "SELECT ParentID, LastName_Parent FROM `parents`";
                $r2 = mysqli_query($connection,$q2);
                if(mysqli_num_rows($r2) > 0){
                    echo "<input type='text' style='width: 136.2222204208374px;' name='ID' value='LastName'>";      
                    while($ro2 = mysqli_fetch_row($r2)){
                        echo "";    
                    }
                }echo "</td><td>";
                    echo "
                    <input type='hidden' name='IDS' value='$row0[0]'>
                    <input type='hidden' name='SS' value='$row0[6]'>
                    <input type='hidden' name='YR' value='$row0[4]'>
                    <input type='submit' name='CHNGStd' id='edit-icon' alt='Submit'></input>";
                    ?></form><?php******

HTML，编写不同的输入文本但作为一个提交

HTML, Script different input text but submitted as one

html

javascript

forms

tabular