在HTML表格中显示选择框可以通过使用HTML的<input>
标签和type="checkbox"
属性来实现。以下是一个示例代码:
<!DOCTYPE html>
<html>
<head>
<title>HTML表格中显示选择框</title>
</head>
<body>
<table>
<tr>
<th></th>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>John Doe</td>
<td>25</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>Jane Smith</td>
<td>30</td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td>Mike Johnson</td>
<td>35</td>
</tr>
</table>
</body>
</html>
在上述代码中,我们使用<table>
标签创建了一个表格,并使用<tr>
标签创建行,<th>
标签创建表头,<td>
标签创建单元格。在每一行的第一个单元格中使用了<input>
标签和type="checkbox"
属性来显示选择框。
这样,当用户在浏览器中查看该页面时,就可以在表格中看到每一行的第一个单元格都有一个选择框,用户可以通过勾选或取消勾选选择框来做出相应的选择。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云