常用的html標簽匯總、以及操作過程中的一些bug問題解決方法,以下龍騰飛網絡科技-小吳在建站實操中筆記記錄,一路走來,一步步學習、總結、整理的一些資料,不用死記硬背,保存使用非常方便,實操過程中遇到了就查詢搜索一下,實踐出真章,做多了自然就熟悉了:
【定義和用法】
select元素用于創(chuàng)建下拉列表。
select元素最常用于表單中,用于收集用戶輸入。
提交表單后,需要 name 屬性引用表單數(shù)據(如果省略 name 屬性,下拉列表中的數(shù)據將不會被提交)。
select元素內的 option標簽 定義下拉列表中的可用選項。
需要使用 id 屬性將下拉列表與標簽(label)相關聯(lián)。
提示:始終添加 label標簽 以獲得最佳可訪問性實踐!
【實例】
例子 1
創(chuàng)建一個包含四個選項的下拉列表:
<label for="cars">請選擇一個汽車品牌:</label><select name="cars" id="cars"> <option value="audi">奧迪</option> <option value="byd">比亞迪</option> <option value="geely">吉利</option> <option value="volvo">沃爾沃</option></select>
例子 2
將 select與 optgroup標簽一起使用:
<label for="cars">請選擇一個汽車品牌:</label><select name="cars" id="cars"> <optgroup label="中國車"> <option value="byd">比亞迪</option> <option value="geely">吉利</option> </optgroup> <optgroup label="德國車"> <option value="mercedes">奔馳</option> <option value="audi">奧迪</option> </optgroup></select>
【屬性】