Apakah teg yang digunakan untuk melaksanakan senarai lungsur dalam html5-Soal Jawab bahagian hadapan-php.cn

Apakah teg yang digunakan untuk melaksanakan senarai lungsur dalam html5

青灯夜游

Lepaskan： 2021-12-15 18:22:33

asal

9105 orang telah melayarinya

Teg pelaksanaan HTML5 senarai lungsur termasuk "<select>" dan "<option>", dan sintaksnya ialah "<select><option> senarai nilai pilihan> ;..."; teg pilih digunakan untuk membina bingkai senarai juntai bawah dan teg pilihan digunakan untuk menentukan pilihan senarai.

Apakah teg yang digunakan untuk melaksanakan senarai lungsur dalam html5

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

Dalam HTML5, jika anda ingin melaksanakan senarai lungsur, anda perlu menggunakan <select></select> dan <option></option> bersama-sama:

<select>
    <option>列表选项值</option>
    .....
</select>

Salin selepas log masuk

Antaranya, <🎜. > teg digunakan untuk membuat senarai lungsur , teg <select> mewakili setiap item (entri) dalam senarai lungsur. <option>

Contoh:

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

	<body>
			喜欢的水果：
			<select>
				<option>请选择选项</option>
				<option>苹果</option>
				<option>梨子</option>
				<option>桃子</option>
				<option>香蕉</option>
				<option>李子</option>
				<option>菠萝</option>
				<option>榴莲</option>
			</select>
	</body>
</html>

Salin selepas log masuk

Apakah teg yang digunakan untuk melaksanakan senarai lungsur dalam html5

Ia boleh dilihat bahawa senarai juntai bawah akan memaparkan item pertama terlebih dahulu secara lalai, jadi bagaimana jika sesuatu item telah dipilih terlebih dahulu?

Anda boleh menggunakan atribut teg <option> selected

Selepas menetapkan atribut yang dipilih untuk teg Penggunaan khusus adalah seperti berikut:

selected="selected"

喜欢的水果：
<select>
	<option>请选择选项</option>
	<option>苹果</option>
	<option>梨子</option>
	<option>桃子</option>
	<option selected="selected">香蕉</option>
	<option>李子</option>
	<option>菠萝</option>
	<option>榴莲</option>
</select>

Salin selepas log masuk

Apakah teg yang digunakan untuk melaksanakan senarai lungsur dalam html5 Tutorial yang disyorkan: "

tutorial video html

Atas ialah kandungan terperinci Apakah teg yang digunakan untuk melaksanakan senarai lungsur dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!