required属性

input要素のrequired属性は、input要素を入力必須にする属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

<input required>

required属性は、論理属性である。

required属性が存在する場合、そのinput要素への入力は必須となる。

required属性に対応しているinput要素のタイプ（type属性値）

text search tel url email password date time number checkbox radio file

サンプルコード

１行テキスト入力欄

<input type="text" name="sampleName" required>

日付入力欄

<input type="date" name="sampleName" required>

時間入力欄

<input type="time" name="sampleName" required>

チェックボックス

<input type="checkbox" name="sampleName" required>

ラジオボタン

<input type="radio" name="sampleName" required>ラジオボタンＡ
<br>
<input type="radio" name="sampleName">ラジオボタンＢ

サンプル

HTMLソースコード

<form action="sample-input-required.php" method="post" target="_blank">
	<p>
		<label>
			１行テキスト入力欄：
			<input type="text" name="sampleText" required>
		</label>
	</p>
	<p>
		<label>
			日付入力欄：
			<input type="date" name="sampleDate" required>
		</label>
	</p>
	<p>
		<label>
			時間入力欄：
			<input type="time" name="sampleTime" required>
		</label>
	</p>
	<p>
		<label>
			チェックボックス：
			<input type="checkbox" name="sampleCheckbox" required>
		</label>
	</p>
	<p>
		<label>
			ラジオボタンＡ：
			<input type="radio" name="sampleRadio" value="Ａ" required>
		</label>
		<br>
		<label>
			ラジオボタンＢ：
			<input type="radio" name="sampleRadio" value="Ｂ">
		</label>
	</p>
	<p><input type="submit" value="送信"></p>
</form>

実際の表示