html5之table嵌入form表单布局(务必注意:table标签必须在form表单内部,不能再form表单外部!)

 切记:用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;

}

 

展开阅读全文

没有更多推荐了,返回首页