html 复选框

作者：迷失未来发布日期:2026-06-23 浏览:84

<!DOCTYPE html>
<html>
<head>
    <title>HTML 复选框示例</title>
</head>
<body>

<h2>复选框示例</h2>

<form action="/submit_checkbox">
    <p>请选择您喜欢的编程语言（可多选）:</p>
    <input type="checkbox" id="python" name="language" value="Python">
    <label for="python">Python</label><br>
    <input type="checkbox" id="java" name="language" value="Java">
    <label for="java">Java</label><br>
    <input type="checkbox" id="javascript" name="language" value="JavaScript">
    <label for="javascript">JavaScript</label><br>
    <input type="submit" value="提交">
</form> 

</body>
</html>

解释说明：

<input type="checkbox">：用于创建一个复选框。用户可以选择多个选项。
id 和 for 属性：id 用于标识每个复选框，for 用于将标签与对应的复选框关联起来，点击标签时会自动选中或取消选中复选框。
name 属性：所有复选框共享相同的 name 属性值（这里是 language），以便在表单提交时可以将选中的值作为一个数组传递到服务器。
value 属性：每个复选框的值，当用户选择该复选框并提交表单时，这个值会被发送到服务器。
<form> 标签：定义了一个表单，用户可以通过点击“提交”按钮将选择的内容发送到指定的 URL（这里为 /submit_checkbox）。

上一篇：html

标签

下一篇：html空格标签