ywork2020.com

Title

入力要素の値を入力必須に設定する

目次 (INDEX)

required とは

ここで説明する required とは次の語句からなる HTML 要素の属性です。
required
読み: レクワイアド
意味: 必須、欠かすことのできない

目次に戻る

required 属性の概要

この属性は、入力要素に入力必須の要求を設定することができます。

入力必須の要求は form 要素内に配置された入力要素の値を送信するときに効果として現れます。 これはブラウザの仕様にもよりますが、入力を求めるコンテキストにより、ユーザーの補助になる情報が表示されることがあります。

required 属性は Boolean 型 ( 論理型 ) です。 要素に required を付与すれば「 required = true 」 となり、要素に required なければ 「 required = false 」 となります。

目次に戻る

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

required 属性を設定したテキストボックスやセレクトメニューを空の値のまま送信することはできません。 試しに、サンプルの初期設定のままで送信ボタンをクリックしてみてください。

サンプルコード: HTML
<body>
	<form>
		<p>
			<select name="namExample" required>
				<option></option>
				<option> Menu-1 </option>
				<option> Menu-2 </option>
				<option> Menu-3 </option>
			</select>
		</p>
		<p>
			<input type="submit" value="送信">
		</p>
	</form>
</body>
実行結果:

実行:

目次に戻る