ホームページ > 記事 > ウェブフロントエンド > HTML5でドロップダウンリストを実装するために使用されるタグは何ですか

HTML5でドロップダウンリストを実装するために使用されるタグは何ですか

青灯夜游オリジナル: 2021-12-15 18:22:339102ブラウズ

html5 は、「」です。 .."; select タグはドロップダウンリストフレームの構築に使用され、option タグはリストオプションの定義に使用されます。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML5 でドロップダウンリストを実装する場合は、<select></select> と <option></option> を一緒に使用する必要があります。構文:

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

このうち、<select></select>タグはドロップダウンリストの作成に使用され、<option></option>タグは各項目(エントリ)を表します。ドロップダウンリストにある。

例:

<!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>

HTML5でドロップダウンリストを実装するために使用されるタグは何ですか

デフォルトでは、ドロップダウンリストには最初の項目が最初に表示されることがわかります。事前に選択されていますか？

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

HTML5でドロップダウンリストを実装するために使用されるタグは何ですか

推奨チュートリアル：「htmlビデオチュートリアル」

以上がHTML5でドロップダウンリストを実装するために使用されるタグは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

html5 html select

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：html5の属性値の両側にはどのような記号が使用されていますか?次の記事：html5の属性値の両側にはどのような記号が使用されていますか?

続きを見る