html 多选

作者：冰残°零度伤发布日期:2025-05-14 浏览:70

<!DOCTYPE html>
<html>
<head>
    <title>HTML 多选示例</title>
</head>
<body>
    <h2>多选框示例</h2>
    <form action="/submit" method="post">
        <p>请选择您喜欢的编程语言（可多选）:</p>
        <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 和 for 属性：id 属性用于标识每个多选框，而 for 属性用于将标签与对应的多选框关联起来，点击标签时会自动选中或取消选中多选框。
name 属性：所有多选框的 name 属性相同，表示它们属于同一组。当表单提交时，服务器可以根据 name 属性获取用户选择的所有值。
value 属性：每个多选框的 value 属性定义了该选项的具体值，当用户选择该选项时，这个值会被提交到服务器。
<form> 标签：定义了一个表单，用户可以通过点击“提交”按钮将选择的内容发送到服务器。

上一篇：html click

下一篇：html新窗口打开超链接