html select多选

作者：断念已残发布日期:2025-09-19 浏览:37

<!DOCTYPE html>
<html>
<head>
    <title>HTML Select 多选示例</title>
</head>
<body>
    <h2>选择您喜欢的水果（多选）:</h2>
    <form action="/submit_form" method="get">
        <select name="fruits" multiple size="4">
            <option value="apple">苹果</option>
            <option value="banana">香蕉</option>
            <option value="orange">橙子</option>
            <option value="grape">葡萄</option>
        </select>
        <br><br>
        <input type="submit" value="提交">
    </form>
</body>
</html>

解释说明：

<select> 标签：用于创建下拉列表。multiple 属性允许用户选择多个选项。
size="4"：设置下拉列表的高度为 4 行，用户无需点击下拉箭头即可看到 4 个选项。
<option> 标签：定义每个可选项。每个 <option> 标签都有一个 value 属性，表示提交表单时对应的值。
<form> 标签：定义一个 HTML 表单，用于收集用户输入。action 属性指定表单提交的目标 URL，method 属性指定提交方式（GET 或 POST）。

上一篇：padding在html是什么意思

下一篇：footer在html中怎么用