HTML


当页面加载时,<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>

更新于: 11-6-2020

173 次浏览

开启你的 职业生涯

完成课程即可获得认证

开始学习
广告
© . All rights reserved.