html - HTML表格内的表单有问题

Question

这个问题在这里已经有了答案:





Form inside a table

(3 个回答)


去年关闭。




表格说明:

该表由四列六行组成。

表格嵌入在表格中

该表由两列六行组成

第 2 列、第 2 行中的文本和文本框跨越四行

有两个标签用于分隔文本和文本框

<table>
    <form name="application" method="post" action="">
    <tr>
        <th>Application Form</th>
    </tr>
    <tr>
        <td>First Name<input name="firstname" type="textbox" size="20"</td><br>
        <td rowspan="4">Countries and places you wish to visit:<br><br>
        <textarea></textarea></td></td>
    </tr>
    <tr>
        <td>Last Name:<input type="textbox" size="20"></td>
    </tr>
    <tr>
        <td>Phone number:<input type="textbox" size="20"></td>
    </tr>
    <tr>
        <td>Email:<input type="textbox" size="20"></td>
    </tr>
    <tr>
         <th colspan="4"><input type="submit" name="submit" id="submit" value="Submit">
        <input type="reset" name="reset" id="reset" value="Reset"></th>
    </tr>
    </form>

我需要制作这张 table enter image description here

Answer 1

我已经修改了您的代码，请检查以下内容:

搬出form来自 table ;

添加 </table>

调整 textarea ;

<form name="application" method="post" action="">
  <table cellpadding="10px">
    <tr>
        <th>Application Form</th>
    </tr>
    <tr>
        <td>First Name:<input name="firstname" type="textbox" size="20"</td>
        <td>Countries and places you wish to visit:</td>
    </tr>
    <tr>
        <td>Last Name:<input type="textbox" size="20"></td>
        <td rowspan="3" valign="top">
          <textarea></textarea>
        </td>
    </tr>
    <tr>
        <td>Phone number:<input type="textbox" size="20"></td>
    </tr>
    <tr>
        <td>Email:<input type="textbox" size="20"></td>
    </tr>
    <tr>
       <th colspan="4">
         <input type="submit" name="submit" id="submit" value="Submit">
         <input type="reset" name="reset" id="reset" value="Reset">
       </th>
    </tr>
  </table>
</form>