html select與option標簽


1、select 元素

select 元素可創建單選或多選菜單。<select> 元素中的 <option> 標簽用於定義列表中的可用選項

常用屬性如下:

autofocus:規定在頁面加載后文本區域自動獲得焦點。

disabled:規定禁用該下拉列表。

form:規定文本區域所屬的一個或多個表單。

multiple:規定可選擇多個選項。

name:規定下拉列表的名稱。

required:規定文本區域是必填的。

size:規定下拉列表中可見選項的數目。

2、option 元素

option 元素定義下拉列表中的一個選項(一個條目)。瀏覽器將 <option> 標簽中的內容作為 <select> 標簽的菜單或是滾動列表中的一個元素顯示。option 元素位於 select 元素內部。

注釋:<option> 標簽可以在不帶有任何屬性的情況下使用,但是您通常需要使用 value 屬性,此屬性會指示出被送往服務器的內容。請與 select 元素配合使用此標簽,否則這個標簽是沒有意義的。如果列表選項很多,可以使用 <optgroup> 標簽對相關選項進行組合。

常用屬性如下:

disabled:規定此選項應在首次加載時被禁用。

label:定義當使用 <optgroup> 時所使用的標注。

selected:規定選項(在首次顯示在列表中時)表現為選中狀態。

value:定義送往服務器的選項值。

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 HTML 獲取select標簽內option對應得值 select標簽中怎樣控制option的顯示數量 select下拉框的探索(標簽中能嵌套使用其它標簽嗎)