當前位置:菜譜大全網 - 美食燒烤 - html裏怎麽設置下拉選項?

html裏怎麽設置下拉選項?

html裏可以用<select>標簽設置下拉框。下面詳細介紹其用法。

這是測試鏈接,可以參考本教程自己實操網頁鏈接。

1、<select>標簽

<select>標簽在HTML裏面是下拉框,用戶點壹下可以選擇裏面的選項

2、<option>標簽

<option>標簽是<select>標簽的選項,它有2個東西需要設置,分別是值value和文本顯示。

例如這個opion

? <option value="0">請選擇分類</option>

它的value是0,文本是"請選擇分類"。

如果妳在頁面保存了壹些信息,壹般提交給服務器的時候提交的是它的value。

3、嘗試編寫例子

例如下面的代碼,在html裏面展示的效果如圖

<select>

<option value="0">請選擇分類</option>

<option value="1">美食/營養</option>

<option value="10">遊戲/數碼</option>

<option value="37">手工/愛好</option>

<option value="50">生活/家居</option>

<option value="73">健康/養生</option>

<option value="86">運動/戶外</option>

<option value="93">職場/理財</option>

<option value="101">情感/交際</option>

<option value="108">母嬰/教育</option>

<option value="123">時尚/美容</option>

</select>