我們首先來看一下什么是select標簽？

select標簽是用于創(chuàng)建選擇框的標簽。當你希望用戶從下拉菜單項中進行選擇時可以使用select標簽。

你可以將select標簽用作表單的一部分，也可以使用JavaScript獲取所選項的值。

如何使用select標簽？

要使用select標簽，可以通過在select標簽之間添加option標簽來創(chuàng)建下拉菜單。

 select name= name id= name  option html' target='_blank'>value= name1 張三 /option  option value= name2 李四 /option  option value= name3 王二 /option  /select 

select標簽復雜的使用方法

代碼示例：

 !DOCTYPE html  html  head  meta charset= utf-8  title /title  /head  body  label php 視頻課程選擇： select name= program multiple size= 4  optgroup label= application  option value= wordpress 前端視頻課程 /option  option value= webapp php視頻教程 /option  option value= laravel bootstrap視頻課程 /option  /optgroup  optgroup label= mobile  option value= iphone iPhone /option  option value= android Android /option  option value= unity Unity /option  /optgroup  /select  /label  /body  /html 

說明：

如果指定多個屬性，則可以使用多個選項。如果未指定，則僅進行一個選擇。

由于size屬性指定為size =“4”，因此只能顯示4行。

您還可以通過滾動顯示所有選項。

無法選擇 optgroup 指定的標簽本身，但可以將其顯示為分組標簽。

我們最后再來看一個例子：

 !DOCTYPE html  html  head  meta charset= utf-8 /  /head  body  form action= # method= GET  select name= name id= name  option value= who 發(fā)消息給誰？ /option  option value= name1 張三 /option  option value= name2 李四 /option  option value= name3 王二 /option  option value= name4 陳五 /option  option value= name5 趙六 /option  /select  input type= submit name= submit value= 發(fā)送 /  /form  /body  /html 

瀏覽器上效果如下：

以上就是本篇文章的全部內容了，更多有關HTML的內容大家可以關注php 的HTML視頻教程欄目！！！

以上就是HTML中的select標簽如何使用的詳細內容，html教程

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