ywork2020.com

Title

選択メニューを表す

目次 (INDEX)

select とは

ここで説明する select とは次の語句からなる HTML の要素です。
select
読み: セレクト
意味: 選ぶ、選択する、選定する

目次に戻る

select 要素の概要

この要素は、プルダウンメニュー (ドロップダウンリスト) に置き換えられます。

プルダウンメニューとは、Web ページ上で複数の選択項目の中から一つを選択できるリスト型のインターフェースです。

select 要素の子要素には、 option 要素を配置してください。 option は select メニューの値として機能します。

この要素には、開始タグと終了タグが必要です。
<select> </select>

目次に戻る

サンプルコードと実行結果

ここでは、select 要素と option 要素を使った シンプルなプルダウンメニューをサンプルとしました。

サンプルコード: HTML
<body>
	<form action="URL">
		<select name="gender">
			<option value=""> 性別を選択してください。 </option>
			<option value="男性"> 男性 </option>
			<option value="女性"> 女性 </option>
		</select>
		<br>
		<button type="submit"> 送信 </button>
	</form>
</body>

ここでは、送信ボタンを無効にしていますので送信はできませんが、 実際に [ 男性 ] を選択して送信した場合、 gender=男性 というキーと値のペアがデータとして送信されます。

実行結果:



目次に戻る

使用できる属性

目次に戻る