HTML option selected 属性

<option> 元素中的 selected 属性会在页面加载时预先选择一个选项。该选项将会显示。

以下是语法 −

<option selected>

现在让我们看一个实现 <option> 元素 selected 属性的示例 −

示例

<!DOCTYPE html>
<html>
<body>
<h1>Educational Qualification</h1>
<h2>Postgraduation</h2>
<select>
   <option value="mca">MCA</option>
   <option value="mcom">M.COM</option>
   <option value="mtech" selected>M.TECH</option>
   <option value="msc">M.Sc</option>
</select>
</body>
</html>

输出

在上面的例子中，我们有一个 <select> 来设置下拉列表:

<select>
<option value="mca">MCA</option>
<option value="mcom">M.COM</option>
<option value="mtech" selected>M.TECH</option>
<option value="msc">M.Sc</option>
</select>

其中，使用 <option> 元素设置不同的选项 −

<option value="mca">MCA</option>
<option value="mcom">M.COM</option>
<option value="mtech" selected>M.TECH</option>
<option value="msc">M.Sc</option>

我们已经使用 selected 属性设置了页面加载时的默认可见选项 −

<option value="mtech" selected>M.TECH</option>

相关文章

• HTML DOM 输入按钮对象
• HTML 画布 shadowBlur 属性
• HTML DOM address 对象
• HTML 画布 shadowColor 属性
• 使用 onmouseover 属性更改网页背景颜色
• HTML 画布 fillStyle 属性
• HTML frame 框架标签
• HTML Canvas clearRect() 方法
• HTML body 标签
• HTML optgroup 标签

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/