html 多选框

作者：木の兮发布日期:2025-03-22 浏览:78

<!DOCTYPE html>
<html>
<head>
    <title>HTML 多选框示例</title>
</head>
<body>
    <h2>选择你感兴趣的编程语言：</h2>
    <form action="">
        <input type="checkbox" id="python" name="language" value="Python">
        <label for="python">Python</label><br>
        <input type="checkbox" id="javascript" name="language" value="JavaScript">
        <label for="javascript">JavaScript</label><br>
        <input type="checkbox" id="java" name="language" value="Java">
        <label for="java">Java</label><br>
        <input type="checkbox" id="csharp" name="language" value="C#">
        <label for="csharp">C#</label><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

解释说明：

<input type="checkbox"> 用于创建多选框。
id 属性用于关联标签 (<label>) 和多选框，确保点击标签时可以选中或取消选中对应的多选框。
name 属性用于标识表单数据中的字段名。在这个例子中，所有多选框的 name 都是 language，表示这些多选框属于同一组。
value 属性定义了每个多选框被选中时提交的值。
<label> 标签用于描述每个多选框的功能，提高用户体验和可访问性。
表单中的 <input type="submit"> 按钮用于提交用户的选择。

上一篇：input html

下一篇：html li