html5實(shí)現(xiàn)下拉列表的標(biāo)簽有“<select>”和“<option>”，語(yǔ)法“<select><option>列表選項(xiàng)值</option>…</select>”；select標(biāo)簽用于搭建下拉列表框架，option標(biāo)簽用于定義列表選項(xiàng)。
本教程操作環(huán)境：windows7系統(tǒng)、html5版、dell g3電腦。
在html5中，想要實(shí)現(xiàn)下拉列表，需要<select>和<option>配合使用，語(yǔ)法：
<select> <option>列表選項(xiàng)值</option> …..</select>
其中，<select>標(biāo)簽用來(lái)創(chuàng)建一個(gè)下拉列表，<option>標(biāo)簽表示下拉列表中的每一項(xiàng)（條目）。
示例：
<!doctype html><html><head><meta charset=\”utf-8\”></head><body>喜歡的水果：<select><option>請(qǐng)選擇選項(xiàng)</option><option>蘋果</option><option>梨子</option><option>桃子</option><option>香蕉</option><option>李子</option><option>菠蘿</option><option>榴蓮</option></select></body></html>
可以看出，下拉列表默認(rèn)會(huì)先顯示第一項(xiàng)，那如果實(shí)現(xiàn)某一項(xiàng)的預(yù)先選中？可以利用<option> 標(biāo)簽的selected屬性。
在為 <select> 標(biāo)簽設(shè)置了 selected 屬性后，就可以通過(guò) <option> 標(biāo)簽的selected=\”selected\”實(shí)現(xiàn)某一項(xiàng)的預(yù)先選中。具體使用方法如下：
喜歡的水果：<select><option>請(qǐng)選擇選項(xiàng)</option><option>蘋果</option><option>梨子</option><option>桃子</option><option selected=\”selected\”>香蕉</option><option>李子</option><option>菠蘿</option><option>榴蓮</option></select>
推薦教程：《html視頻教程》