明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

html select標(biāo)簽如何默認(rèn)選中?select標(biāo)簽的使用說(shuō)明

[摘要]本篇文章主要的介紹了關(guān)于HTML中的select標(biāo)簽的默認(rèn)選中的方法,有完整的代碼實(shí)例在里面,多試試代碼的用處,現(xiàn)在我們來(lái)看看這篇關(guān)于HTML中的select標(biāo)簽的文章吧首先我們要介紹的就是html中的select標(biāo)簽怎么才能被默認(rèn)選中呢?select 元素可創(chuàng)建單選或多選菜單。<selec...
本篇文章主要的介紹了關(guān)于HTML中的select標(biāo)簽的默認(rèn)選中的方法,有完整的代碼實(shí)例在里面,多試試代碼的用處,現(xiàn)在我們來(lái)看看這篇關(guān)于HTML中的select標(biāo)簽的文章吧

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

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

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

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

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)</title>
</head>
<body>
<select>
  <option value ="volvo">php中文網(wǎng)</option>
  <option value ="saab">百度</option>
  <option value="opel">新浪</option>
  <option value="audi">騰訊</option>
</select>
</body>
</html>

效果很明顯:

tuyi.png

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

<select>
  <option value ="volvo">php中文網(wǎng)</option>
  <option value ="saab" selected="selected">百度</option>
  <option value="opel">新浪</option>
  <option value="audi">騰訊</option>
</select>

選中了百度,效果如圖所示:

tuer.png

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

這篇文章到這就結(jié)束了(想學(xué)更多的HTML知識(shí),歡迎來(lái)到PHP中文網(wǎng)學(xué)習(xí),這里有你想要學(xué)的所有編程課程),有問(wèn)題的可以在下方提問(wèn)。

【小編推薦】

html中的ol標(biāo)簽如何去掉標(biāo)號(hào)呢?<ol>標(biāo)簽的使用方法總結(jié)

HTML中ul標(biāo)簽如何去掉點(diǎn)?HTML無(wú)序列表的樣式實(shí)例解析

以上就是html select標(biāo)簽怎么默認(rèn)選中?select標(biāo)簽的使用介紹的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。