html select標(biāo)簽的用法你知道嗎？html select標(biāo)簽屬性說(shuō)明

html select標(biāo)簽的定義和用法:

select 元素可創(chuàng)建單選或多選菜單。

<select&> 元素中的 <option> 標(biāo)簽用于定義列表中的可用選項(xiàng)。

html select標(biāo)簽的屬性:

HTML <select> 標(biāo)簽的 multiple 屬性

HTML <select> 標(biāo)簽實(shí)例：

允許在下拉列表中進(jìn)行多選：

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

html select標(biāo)簽的multiple屬性定義和用法：

multiple 屬性規(guī)定可同時(shí)選擇多個(gè)選項(xiàng)。

在不同操作系統(tǒng)中，選擇多個(gè)選項(xiàng)的差異：

對(duì)于 windows：按住 Ctrl 按鈕來(lái)選擇多個(gè)選項(xiàng)

對(duì)于 Mac：按住 command 按鈕來(lái)選擇多個(gè)選項(xiàng)

由于上述差異的存在，同時(shí)由于需要告知用戶可以使用多項(xiàng)選擇，對(duì)用戶更友好的方式是使用復(fù)選框。

提示：可以把 multiple 屬性與 size 屬性配合使用，來(lái)定義可見(jiàn)選項(xiàng)的數(shù)目。

語(yǔ)法

<select multiple="value">

html select標(biāo)簽multiple屬性的屬性值：

multiple ： 規(guī)定可同時(shí)選擇多個(gè)選項(xiàng)。

HTML <select> 標(biāo)簽的 name 屬性

HTML <select> 標(biāo)簽實(shí)例：

帶有 name 屬性的下拉列表：

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

html select標(biāo)簽name屬性的定義和用法

name 屬性規(guī)定 select 元素的名稱。

name 屬性用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí)，或者在客戶端通過(guò) JavaScript 引用表單數(shù)據(jù)。

html select標(biāo)簽name屬性的語(yǔ)法：

<select name="value">

html select標(biāo)簽name屬性的屬性值：

name ： 下拉列表的名稱。

HTML <select> 標(biāo)簽的 size 屬性：

HTML <select> 標(biāo)簽實(shí)例：

在下拉列表中 size 屬性顯示兩個(gè)選項(xiàng)：

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

HTML<select>標(biāo)簽size屬性的定義和用法：

size 屬性規(guī)定下拉列表中可見(jiàn)選項(xiàng)的數(shù)目。

如果 size 屬性的值大于 1，但是小于列表中選項(xiàng)的總數(shù)目，瀏覽器會(huì)顯示出滾動(dòng)條，表示可以查看更多選項(xiàng)。

HTML<select>標(biāo)簽size屬性的語(yǔ)法：

<select size="value">

HTML<select>標(biāo)簽size屬性的屬性值：

number ： 下拉列表中可見(jiàn)選項(xiàng)的數(shù)目。

select標(biāo)簽及其標(biāo)簽元素：

特點(diǎn)(區(qū)別于其他同父元素下的標(biāo)簽)

作用(他的特點(diǎn)注定了他的作用)

使用場(chǎng)景(工程項(xiàng)目)

怎么樣使用(需要容納在那個(gè)標(biāo)簽下、需要配合哪些標(biāo)簽使用)

解答：

創(chuàng)建下拉列表

擴(kuò)展：select和ul/li有什么異同？和table呢？

注冊(cè)賬號(hào)時(shí)選擇所在地，包括生日

擴(kuò)展：現(xiàn)在html5中已經(jīng)能夠使用data來(lái)實(shí)現(xiàn)日期選擇了

使用方法和datalist大同小異

擴(kuò)展：使用select的時(shí)候是不能實(shí)現(xiàn)輸入的，如果既想要實(shí)現(xiàn)輸入又想要實(shí)現(xiàn)選擇呢？

默認(rèn)選項(xiàng)的屬性能實(shí)現(xiàn)什么有趣的東西嗎？

數(shù)據(jù)比較復(fù)雜的時(shí)候如何對(duì)數(shù)據(jù)進(jìn)行分類？

要”自然而然地聯(lián)想到”某個(gè)標(biāo)簽元素\屬性需要什么條件？

解答擴(kuò)展

說(shuō)是下拉列表，select的作用不是展示，而是服務(wù)器后臺(tái)與用戶之間的互動(dòng)，本質(zhì)上還是用戶要提交一個(gè)數(shù)據(jù)，只不過(guò)相比起input標(biāo)簽，更加注重用戶體驗(yàn)而已

往往是多個(gè)select標(biāo)簽一起使用的，國(guó)家-城市-地區(qū)，我們可以獲取到用戶的IP會(huì)把參數(shù)賦予相應(yīng)的option標(biāo)簽，然后實(shí)現(xiàn)默認(rèn)選中國(guó)家

這個(gè)實(shí)際上涉及到”自學(xué)的人要怎么樣校驗(yàn)自己學(xué)習(xí)的成果”這個(gè)問(wèn)題，如果你要求的校驗(yàn)方式是看到某一個(gè)標(biāo)簽就能回答上關(guān)于這個(gè)標(biāo)簽的一切學(xué)習(xí)過(guò)的內(nèi)容，包括細(xì)節(jié)，這是不容易的，遠(yuǎn)比你做一套題或者說(shuō)回答你預(yù)設(shè)的那4個(gè)問(wèn)題要難

HTML 4.01 與 HTML 5 之間的差異

HTML5 添加了一些新屬性。

提示：select 元素是一種表單控件，可用于在表單中接受用戶輸入。

【相關(guān)推薦】

html5 meter標(biāo)簽是什么意思？html5 meter度量衡如何改變顏色詳解

html meta標(biāo)簽的作用是什么？html meta標(biāo)簽常見(jiàn)的屬性介紹

以上就是html select標(biāo)簽的用法你知道嗎？html select標(biāo)簽屬性介紹的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！