html中如何实现勾选

admin
行业动态
2024-04-03
3431

在HTML中，可以使用<input>标签的type="checkbox"属性来实现勾选功能，以下是一个简单的示例：

html中如何实现勾选第1张

<!DOCTYPE html>
<html>
<head>
    <title>勾选示例</title>
</head>
<body>
    <h1>勾选示例</h1>
    <table border="1">
        <tr>
            <th>选项</th>
            <th>描述</th>
        </tr>
        <tr>
            <td><input type="checkbox" name="option1" value="Option 1"></td>
            <td>选项1的描述</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="option2" value="Option 2"></td>
            <td>选项2的描述</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="option3" value="Option 3"></td>
            <td>选项3的描述</td>
        </tr>
    </table>
</body>
</html>

在这个示例中，我们创建了一个包含三个选项的表格，每个选项都有一个复选框，用户可以通过勾选来选择或取消选择该选项。