表單控件select標(biāo)簽是如何使用的

今天將介紹的是HTML中的表單控件select的用法，具有一定的參考價(jià)值，希望對(duì)大家有所幫助。

【推薦課程：HTML教程】

select標(biāo)簽

select用來(lái)創(chuàng)建下拉列表的，可用于在表單中接受用戶的輸入，其元素中的<option>標(biāo)簽主要用于定義列表中的可用選項(xiàng)

例：通過(guò)select實(shí)現(xiàn)下拉菜單案例

 <select style="width:100px;height:30px;">
        <option>打球</option>
        <option>運(yùn)動(dòng)</option>
        <option>看電視</option>
    </select>

效果圖如下：

select所具有的屬性：

select在HTML5中的新增屬性有以下3種：

autofocus：指的是在頁(yè)面加載后文本區(qū)域會(huì)自動(dòng)獲得焦點(diǎn)，注意Internet Explorer 9 以及更早的版本不支持 <select> 標(biāo)簽的 autofocus 屬性。

form：表示文本區(qū)域所屬的一個(gè)或多個(gè)表單，注意Internet Explorer 不支持 form 屬性。

required：指文本區(qū)域的范圍而且這個(gè)屬性是必填的，這個(gè)屬性目前所有的主流瀏覽器都不支持

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

disabled：表示禁止使用該下拉列表。

multiple：表示可以選擇多個(gè)選項(xiàng)。

name：指的是下拉列表的名稱。

例：設(shè)置下拉列表的可見(jiàn)書(shū)目為2且可以選擇多個(gè)選項(xiàng)

 <select style="width:100px;height:40px;" multiple="multiple" size="2">
        <option>打球</option>
        <option>運(yùn)動(dòng)</option>
        <option>看電視</option>
    </select>

效果圖如下：

總結(jié)：以上就是本篇文章的全部?jī)?nèi)容了，希望通過(guò)這篇文章可以讓大家對(duì)于select標(biāo)簽有所了解以及使用。

以上就是表單控件select標(biāo)簽是如何使用的的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！