html表格中加入勾选框,HTML表格,需要复选框列
时间: 2023-11-22 16:52:35 浏览: 36
要在 HTML 表格中添加复选框列,可以使用 `<input>` 元素和 `<td>` 元素配合使用。以下是一个简单的例子:
```html
<table>
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
<th>选择</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>30</td>
<td>男</td>
<td><input type="checkbox" name="select"></td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
<td>女</td>
<td><input type="checkbox" name="select"></td>
</tr>
<tr>
<td>王五</td>
<td>40</td>
<td>男</td>
<td><input type="checkbox" name="select"></td>
</tr>
</tbody>
</table>
```
在上面的例子中,我们在表头中添加了一个“选择”列,然后在表格的每一行中插入一个包含复选框的单元格。使用 `type="checkbox"` 属性可以创建一个复选框,而 `name` 属性可以为复选框指定一个名称,用于在提交表单时识别哪些复选框被选中。