html5之table嵌入form表单布局（务必注意：table标签必须在form表单内部，不能再form表单外部！）

weixin_43343144

于 2019-03-27 15:55:02 发布

阅读量1.3w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： html5

本文链接：https://blog.youkuaiyun.com/weixin_43343144/article/details/88847275

html5 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用table标签布局form表单元素的方法，并强调了table标签必须放置在form标签内部以避免潜在的bug。通过具体的HTML代码示例，展示了如何在表格中排列姓名输入框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

切记：用table标签来布局form表单元素，table标签必须放在form表单内部，否则可能会出现各种bug

<form action="">
    <table >
        <tr>
            <td>姓名</td>
            <td><label for="">name：<input type="text" name="name" id=""></label></td>
        </tr>
        <tr>
            <td>姓名</td>
            <td><label for="">name：<input type="text" name="name" id=""></label></td>
        </tr>
        <tr>
            <td>姓名</td>
            <td><label for="">name：<input type="text" name="name" id=""></label></td>
        </tr>
        <tr>
            <td>姓名</td>
            <td><label for="">name：<input type="text" name="name" id=""></label></td>
        </tr>

    </table>
</form>

table {
  width: 300px;
  height: 300px;
}

td {
  text-align: center;

}