在我們是html學習中，我們會遇到各種不同的標簽，那么今天我們就來說說“在html網(wǎng)頁中如何做個下拉列表”吧！以下是小編整理的一個方法。
1.首先我們在開發(fā)工具中新建一個新的文件，加入 div 標簽聲明一個類選擇器設置寬高背景顏色，在添加 form 標簽，在標簽中加入我們需要的一個 select 標簽，代碼和運行截圖如下：
<html>
<head>
<meta charset="utf-8">
<title>下拉框設置</title>
</head>
<body>
<div class="D-drop-f-box">
<form>
<select>
<option>食物</option>
<option>甜食</option>
<option>奶茶</option>
<option>西餐</option>
<option>快餐</option>
</select>
</form>
</div>
</body>
</html>
在圖中我們看到了下拉框顯示的一個內(nèi)容。
2.那么在默認中的話，下拉框中是默認選擇食物為第一選項，如果要修改選項的話，我們只需要在標簽 ?option? 中加入 ?selected="selected"?就可以了，代碼截圖如下：
<div class="D-drop-f-box">
<form>
<select>
<option>食物</option>
<option>甜食</option>
<option>奶茶</option>
<option>西餐</option>
<option selected="selected">快餐</option>
</select>
</form>
</form>
</div>
在圖中我們可以就可以看到我們已經(jīng)將之前的默認食物改為了快餐。
總結：
以上就是一個有關于"在html網(wǎng)頁中如何做個下拉列表"的介紹，其實在 select 標簽中還有很多的屬性標簽可以使用，我們可以在HTML DOM Select 對象進行學習和了解。如果你有更好的方法的話可以分享給大家噢！
