位置：首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > PHP > 問(wèn)題詳情

PHP 表單元素——選擇域標(biāo)記<select>和<option>

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2021-01-13

    通過(guò)選擇域標(biāo)記<8士心和<0以丨011>可以建立一個(gè)列表或者菜單。菜單的使用是為了節(jié)省空間，正常狀態(tài)下只能看到一個(gè)選項(xiàng)，單擊右側(cè)的下三角按鈕打開(kāi)菜單后才能看到全部的選項(xiàng)。列表可以顯示一定數(shù)量的選項(xiàng)，如果超出了這個(gè)數(shù)量，會(huì)自動(dòng)出現(xiàn)滾動(dòng)條，瀏覽者可以通過(guò)拖動(dòng)滾動(dòng)條來(lái)查看各選項(xiàng)。

    語(yǔ)法格式如下：

    <select name="name" size="value" multiple〉

      <option value="value" selected>選項(xiàng)1 </option>

      <option value="value">選項(xiàng)2</option>

      <option value="value">選項(xiàng)3</option>

      ...

    </select>

    其中，name表示選擇域的名稱；size表示列表的行數(shù)；value表示菜單選項(xiàng)值；multiple表不以菜單方式顯示數(shù)據(jù)，省略則以列表方式顯示數(shù)據(jù)。

    選擇域標(biāo)記<select>和<option>的顯示方式及舉例如表所示。

顯示方式

舉 例

說(shuō) 明

列表方式

〈select name="spec" id="spec">

〈option value="0" selected〉網(wǎng)絡(luò)編程</option> 〈option value="l">辦公自動(dòng)化</option>

〈option value="2">網(wǎng)頁(yè)設(shè)計(jì)〈/option〉

〈option value=_'3">^j 頁(yè)美工</option>

〈/select〉

下拉列表框，通過(guò)選擇域標(biāo)記 <select>^<option> 建立一個(gè)列 表，列表可以顯示一定數(shù)傲的 選項(xiàng)，如果超出了這個(gè)數(shù)fi， 會(huì)自動(dòng)出現(xiàn)滾動(dòng)條，瀏覽者可 以通過(guò)拖動(dòng)滾動(dòng)條來(lái)查看各選 項(xiàng)。selected屬性用來(lái)設(shè)置該菜 單時(shí)默認(rèn)被選中

菜單方式

〈select name=,,spec" id="spec" multiple >

〈option vaiue=f,0" selected〉網(wǎng)絡(luò)編程</option> 〈option value='T’> 辦公自動(dòng)化 </option>

〈option value="2n>網(wǎng)頁(yè)設(shè)計(jì)〈/option〉

〈option value=n3”>網(wǎng)頁(yè)美工</option>

</select>

multiple屬性用于下拉列表 <select>#記中，指定該選項(xiàng)用 戶可以使用Shift和Ctrl鍵進(jìn)行 多選


繼續(xù)查找其他問(wèn)題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部