html多选框

作者：死亡之神发布日期:2026-03-12 浏览:45

<!DOCTYPE html>
<html>
<head>
    <title>HTML多选框示例</title>
</head>
<body>
    <h2>请选择您喜欢的水果</h2>
    <form action="">
        <input type="checkbox" id="apple" name="fruit" value="Apple">
        <label for="apple">苹果</label><br>
        <input type="checkbox" id="banana" name="fruit" value="Banana">
        <label for="banana">香蕉</label><br>
        <input type="checkbox" id="orange" name="fruit" value="Orange">
        <label for="orange">橙子</label><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

解释说明：

<input type="checkbox">：定义一个多选框。用户可以选择多个选项。
id 属性：每个多选框都有一个唯一的 id，用于关联标签 (<label>)。
name 属性：所有多选框共享相同的 name，表示它们属于同一组。
value 属性：当表单提交时，选中的多选框会将对应的 value 发送到服务器。
<label> 标签：为多选框提供描述文本，点击标签文字也会选中或取消选中多选框。

这样，用户可以选择多个水果，并通过提交按钮将选择发送到服务器。

上一篇：html文件怎么变成网站

下一篇：padding是什么意思html