html5實現(xiàn)下拉列表的標(biāo)簽有哪些

發(fā)布時間:2024-02-28
html5實現(xiàn)下拉列表的標(biāo)簽有“<select>”和“<option>”,語法“<select><option>列表選項值</option>…</select>”;select標(biāo)簽用于搭建下拉列表框架,option標(biāo)簽用于定義列表選項。
本教程操作環(huán)境:windows7系統(tǒng)、html5版、dell g3電腦。
在html5中,想要實現(xiàn)下拉列表,需要<select>和<option>配合使用,語法:
<select> <option>列表選項值</option> …..</select>
其中,<select>標(biāo)簽用來創(chuàng)建一個下拉列表,<option>標(biāo)簽表示下拉列表中的每一項(條目)。
示例:
<!doctype html><html><head><meta charset=\”utf-8\”></head><body>喜歡的水果:<select><option>請選擇選項</option><option>蘋果</option><option>梨子</option><option>桃子</option><option>香蕉</option><option>李子</option><option>菠蘿</option><option>榴蓮</option></select></body></html>
可以看出,下拉列表默認會先顯示第一項,那如果實現(xiàn)某一項的預(yù)先選中?可以利用<option> 標(biāo)簽的selected屬性。
在為 <select> 標(biāo)簽設(shè)置了 selected 屬性后,就可以通過 <option> 標(biāo)簽的selected=\”selected\”實現(xiàn)某一項的預(yù)先選中。具體使用方法如下:
喜歡的水果:<select><option>請選擇選項</option><option>蘋果</option><option>梨子</option><option>桃子</option><option selected=\”selected\”>香蕉</option><option>李子</option><option>菠蘿</option><option>榴蓮</option></select>
推薦教程:《html視頻教程》
上一個:隱士般的茶人
下一個:電腦主機插電視hdmi沒反應(yīng)(電腦主機連接電視機hdmi)

刑事拘留之后多久可以見人
美國VIATRAN威創(chuàng)傳感器5093BQS
蘋果五怎么改字體,蘋果11怎么改字體
預(yù)防胃潰瘍——三焦健胃茶
茶籽萌發(fā)生理
非法采砂哪個部門抓人
欠錢被判刑后還用還嗎
電工接線有哪些安全隱患
4g升5g原有套餐受影響嗎(4g升5g套餐有什么好處)
用手機如何安裝電腦w10系統(tǒng)(怎么用手機給電腦裝系統(tǒng)win10)
十八禁 网站在线观看免费视频_2020av天堂网_一 级 黄 色 片免费网站_绝顶高潮合集Videos