html select 多选

作者：开阔蓝天uだ发布日期:2025-10-03 浏览:82

<!DOCTYPE html>
<html>
<head>
    <title>HTML Select 多选示例</title>
</head>
<body>

<h2>多选下拉列表</h2>

<p>在 select 元素中添加 multiple 属性，可以让用户从多个选项中选择多项：</p>

<form action="/submit_form" method="get">
    <label for="cars">请选择你喜欢的汽车（可多选）:</label><br><br>
    <select name="cars" id="cars" multiple>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </select>
    <br><br>
    <input type="submit" value="提交">
</form>

<p>提示：按住 Ctrl（Windows）或 Command（Mac）键可以多选。</p>

</body>
</html>

解释说明：

<select> 标签：用于创建下拉列表。通过添加 multiple 属性，允许用户选择多个选项。
<option> 标签：定义下拉列表中的每个选项。每个选项都有一个 value 属性，表示该选项的值。
multiple 属性：使用户能够同时选择多个选项。用户可以通过按住 Ctrl（Windows）或 Command（Mac）键来选择多个选项。
表单提交：用户选择完毕后，点击“提交”按钮，表单会将用户的选择发送到指定的 URL（本例中为 /submit_form）。

上一篇：html网站源码

下一篇：html rem