HTML-table表格&form表单详解

在HTML中，表格（table）和表单（form）是常用的两个元素，用于展示和收集数据。以下是关于HTML表格和表单的详细解释和示例代码：

表格（table）

HTML表格由 <table> 标签定义，表头使用 <th> 标签，表行使用 <tr> 标签，单个单元格使用 <td> 标签。

<table border="1">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>28</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>32</td>
  </tr>
</table>

表单（form）

HTML表单用于收集用户输入信息，使用 <form> 标签定义，表单控件（输入元素）如文本框、单选按钮、下拉列表等，使用 <input> 标签定义，并通过 <label> 标签关联到 <input>。

<form action="/submit" method="post">
  <label for="username">用户名:</label><br>
  <input type="text" id="username" name="username"><br>
  <label for="password">密码:</label><br>
  <input type="password" id="password" name="password"><br><br>
  <input type="submit" value="提交">
</form>

在这个例子中，表单包含两个输入框和一个提交按钮。当用户填写信息后点击提交按钮，表单数据会被发送到服务器上的 /submit 路径，使用POST方法传输。