六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

HTML中的select標簽如何使用

[摘要]HTML中select標簽可以在表單上的項目中創建公共選擇框,本篇文章就來給大家具體介紹一下select標簽的用法。我們首先來看一下什么是select標簽?select標簽是用于創建選擇框的標簽。當你希望用戶從下拉菜單項中進行選擇時可以使用select標簽。你可以將select標簽用作表單的一部分...
HTML中select標簽可以在表單上的項目中創建公共選擇框,本篇文章就來給大家具體介紹一下select標簽的用法。

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

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

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

如何使用select標簽?

要使用select標簽,可以通過在select標簽之間添加option標簽來創建下拉菜單。

<select name="name" id="name">
  <option 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">發消息給誰?</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="發送" />
    </form>
  </body>
</html>

瀏覽器上效果如下:

360截圖20181121105914436.jpg

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

以上就是HTML中的select標簽如何使用的詳細內容,更多請關注php中文網其它相關文章!


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




主站蜘蛛池模板: 亚洲最大免费视频网 | 天天综合视频 | 伊人久久婷婷丁香六月综合基地 | 伊人久久大香线蕉观看 | 亚洲欧美成人完整版在线 | 午夜a级片| 色综合天天综合 | 亚洲黄网站wwwwww | 欧美在线观看一区 | 亚洲码和乱人伦中文一区 | 日韩在线毛片 | 天天想天天干 | 欧美一级片手机在线观看 | 无码日韩精品一区二区免费 | 偷自拍视频区综合视频区 | 日本一区二区在线免费观看 | 四虎国产精品永久地址48 | 深夜视频免费 | 欧美婷婷色 | 午夜色影院 | 色香天天 | 日本v在线观看 | 一二三四在线观看高清在线观看一 | 天天看片天天操 | 日不卡| 青春草在线免费视频 | 亚洲成人午夜影院 | 亚洲精品老司机福利在线播放 | 婷婷六月丁香色婷婷网 | 四虎免费在线视频 | 日韩精品一区二区三区免费观看 | 午夜在线社区视频 | 欧洲亚洲综合一区二区三区 | 亚洲综合专区 | 亚洲日本网站 | 色婷婷综合和线在线 | 在线另类视频 | 性荡视频播放器在线视频播放 | 色一欲一性一乱一区二区三区 | 天天插天天操天天射 | 又爽又黄无遮挡高清免费视频 |