html select標(biāo)簽如何默認(rèn)選中

發(fā)布時(shí)間：2020-09-26 15:00:54 來源：億速云閱讀：220 作者：小新欄目：web開發(fā)

這篇文章主要介紹html select標(biāo)簽如何默認(rèn)選中，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

首先我們要介紹的就是html中的select標(biāo)簽怎么才能被默認(rèn)選中呢？

select 元素可創(chuàng)建單選或多選菜單。

<select&> 元素中的 <option> 標(biāo)簽用于定義列表中的可用選項(xiàng)。

提示：select 元素是一種表單控件，可用于在表單中接受用戶輸入。

一般的select標(biāo)簽都是如下這個完整的代碼：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>億速云</title>
</head>
<body>
<select>
  <option value ="volvo">億速云</option>
  <option value ="saab">百度</option>
  <option value="opel">新浪</option>
  <option value="audi">騰訊</option>
</select>
</body>
</html>

效果很明顯：

html select標(biāo)簽如何默認(rèn)選中

點(diǎn)擊之后就會打開下拉框，我們今天要做的就是如何把它默認(rèn)選中，我們說的就是selected這個屬性，在你想的那個下拉框中輸入這個這個屬性，屬性值和屬性是一樣的，如：

<select>
  <option value ="volvo">億速云</option>
  <option value ="saab" selected="selected">百度</option>
  <option value="opel">新浪</option>
  <option value="audi">騰訊</option>
</select>

選中了百度，效果如圖所示：

html select標(biāo)簽如何默認(rèn)選中

每次刷新都是以百度在上面顯示，這就是selected這個屬性的用法。也很好用的。

這篇文章到這就結(jié)束了（想學(xué)更多的HTML知識，歡迎來到億速云學(xué)習(xí)，這里有你想要學(xué)的所有編程課程），有問題的可以在下方提問。

以上是html select標(biāo)簽如何默認(rèn)選中的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

html select標(biāo)簽如何默認(rèn)選中

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽