简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
首頁
文章
問答
課程
專題
下載
遊戲
詞典
最近更新

首頁  >  文章  >  web前端  >  html下拉清單怎麼做的

html下拉清單怎麼做的

青灯夜游
青灯夜游原創
2021-12-10 16:30:3027810瀏覽

在html中，可以利用「」。

html下拉清單怎麼做的

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

下拉清單是網頁中最節省頁面空間的選擇方式，預設狀態下只顯示一個選項，只有在點擊下拉按鈕後才能看到全部的選項。例如，淘寶網首頁的選擇地區一欄，用到的就是下拉列表，我們來看一下：

html下拉清單怎麼做的

#我們都知道無序列表由

    < ;li> 搭配使用，有序列表由
  1. 搭配使用。 HTML 下拉清單與它們類似，是由 標籤用來建立一個下拉列表，

    接下來我們來看一個範例：

    <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<form action="#" method="post">
			年龄区间：
			<select>
				<option>18岁以下</option>
				<option>18-28岁</option>
				<option>28-38岁</option>
				<option>38岁以上</option>
			</select>
		</form>
	</body>
</html>

    運行結果如圖所示：

    html下拉清單怎麼做的

    #推薦教學：《html影片教學》

以上是html下拉清單怎麼做的的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：html怎麼設定input的寬度自適應下一篇：html怎麼設定input的寬度自適應

相關文章

看更多