Rumah > Artikel > hujung hadapan web > Bagaimana untuk membuat senarai drop-down html

Bagaimana untuk membuat senarai drop-down html

青灯夜游asal: 2021-12-10 16:30:3027808semak imbas

Dalam HTML, anda boleh menggunakan teg "".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Senarai lungsur turun ialah salah satu kaedah pemilihan yang paling menjimatkan ruang pada halaman web Hanya satu pilihan dipaparkan secara lalai Semua pilihan hanya boleh dilihat selepas mengklik butang lungsur. Sebagai contoh, lajur pemilihan wilayah di halaman utama Taobao menggunakan senarai lungsur turun Mari kita lihat:

Bagaimana untuk membuat senarai drop-down html

Kita semua tahu bahawa senarai tidak tertib terdiri daripada

digunakan dengan, dan senarai tersusun digunakan dengan

. Senarai drop-down HTML adalah serupa dan digunakan dengan digunakan untuk membuat senarai lungsur dan teg

Seterusnya mari kita lihat contoh:
```
<!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>
```
Hasil larian adalah seperti yang ditunjukkan dalam rajah:

Tutorial yang disyorkan: "tutorial video html》

Atas ialah kandungan terperinci Bagaimana untuk membuat senarai drop-down html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimana untuk menetapkan lebar input menjadi adaptif dalam htmlArtikel seterusnya：Bagaimana untuk menetapkan lebar input menjadi adaptif dalam html

Artikel berkaitan

Lihat lagi