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.