html select 默认选中

作者：嗜神魔影发布日期:2025-06-18 浏览:143

<!DOCTYPE html>
<html>
<head>
    <title>HTML Select 默认选中</title>
</head>
<body>
    <h2>选择一个选项</h2>
    <form action="">
        <label for="fruits">请选择一个水果：</label>
        <select id="fruits" name="fruits">
            <option value="apple">苹果</option>
            <option value="banana" selected>香蕉</option>
            <option value="orange">橙子</option>
        </select>
    </form>
    <p>在上面的下拉菜单中，"香蕉"是默认选中的选项。</p>
</body>
</html>

解释说明：

<select> 标签用于创建下拉列表。
每个 <option> 标签定义下拉列表中的一个选项。
selected 属性用于指定默认选中的选项。在这个例子中，<option value="banana" selected>香蕉</option> 表示 "香蕉" 是默认选中的选项。

上一篇：html网页表单设计

下一篇：markdown html