novalidate属性

form要素のnovalidate属性は、フォームの入力内容の検証を無効にするかどうかを指定する属性。

ブラウザ対応

構文

<form novalidate></form>

novalidate属性は、論理属性である。novalidate属性が存在すると、フォームの入力内容の検証を無効にする。

要点

  • form要素のnovalidate属性は、フォームの入力内容の検証を無効にするかどうかを指定する属性である。
  • 例えば、入力必須の入力欄が空白でないかどうかの検証を、無効にできる。
  • novalidate属性は、HTML5にて新たに導入された属性である。

サンプルコード

検証を無効

<form action="sample.php" novalidate>
	<p>入力欄： <input type="text" name="sampleInput" required></p>
	<p><input type="submit" value="送信"></p>
</form>

検証を有効

<form action="sample.php">
	<p>入力欄： <input type="text" name="sampleInput" required></p>
	<p><input type="submit" value="送信"></p>
</form>

サンプル

検証を無効

HTMLソースコード
<form action="sample-form.php" method="post" target="_blank" novalidate>
	<p>サンプル入力欄： <input type="text" name="sampleInput" required></p>
	<p><input type="submit" value="送信"></p>
</form>
実際の表示

サンプル入力欄：

動作について

サンプル入力欄を入力しなくても送信できる。

検証を有効

HTMLソースコード
<form action="sample-form.php" method="post" target="_blank">
	<p>サンプル入力欄： <input type="text" name="sampleInput" required></p>
	<p><input type="submit" value="送信"></p>
</form>
実際の表示

サンプル入力欄：

動作について

input要素のrequired属性に対応しているブラウザであれば、サンプル入力欄を入力しなければ、送信できない。