Html代碼

 select  option html' target='_blank'>value = 1 Volvo /option  option value = 2 Saab /option  option value= 3 Opel /option  option value= 4 Audi /option  /select 

其中select是顯示一個下拉列表(drop down list)出來，option是下拉列表中的項目(item)，而option的文本內容(text content)是下拉列表項目中顯示到頁面上的值，value是真正需要提交到服務端的值。
顯示效果如下所示：


更復雜的下拉列表：

Html代碼

 select  optgroup label= Swedish Cars  option value= 1 Volvo /option  option value= 2 Saab /option  /optgroup  optgroup label= German Cars  option value= 3 Mercedes /option  option value= 4 Audi /option  /optgroup  /select 

這個下拉列表包含一個“項目組”(item group)，這個組是無法選擇的，使用label標簽標記字面內容，真正起作用的，還是value屬性。
看一下這個包含“項目組”的下拉列表


option中的參數：selected= selected
如果需要打開頁面就默認選中某個option，需要用到selected參數：

Html代碼

 select  option value= 1 Volvo /option  option value= 2 Saab /option  option value= 3 selected= selected Mercedes /option  option value= 4 Audi /option  /select 

option中的參數：disabled= disabled
如果需要禁用某個項目，但是卻又不想隱藏，可以使用disabled屬性

Html代碼

 select  option value= 1 Volvo /option  option value= 2 Saab /option  option value= 3 disabled= disabled Mercedes /option  option value= 4 Audi /option  /select 

option中的參數：title
如果需要在鼠標放到某個項目上時，給出提示，可以使用title屬性

Html代碼

 select  option value= 1 Volvo /option  option value= 2 Saab /option  option value= 3 Mercedes /option  option value= 4 title= Audi, your best choice! Audi /option  /select 

其實，title也可以用在很多其他的HTML標簽中！

以上就是html中關于下拉列表select的圖文代碼詳解的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。