このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

input”要素~“formnovalidate”属性HTML5で追加

記事Sep.16th, 2020
フォームの送信時に入力内容の妥当性をチェックしない属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

formnovalidate”属性について

formnovalidate”属性はtype="submit"もしくはtype="image"を指定したinput”要素フォームを送信したときに入力内容の妥当性をチェックしないことを指示します。

通常はフォームの送信時に入力必須の項目が未入力になっていないかや、正しい形式で入力されているかなどがブラウザによりチェックされますが、“formnovalidate”属性を指定した場合はこの妥当性のチェックが行われません。

多くの場合、フォームの入力内容の妥当性のチェックの可否はform”要素novalidate”属性で指定されますが、input”要素に“formnovalidate”属性を指定した場合はボタンごとに妥当性のチェックを行うかを指定することができます。

form”要素novalidate”属性が指定されている場合は“formnovalidate”属性の値が優先されます。

指定できる値

属性値 説明
formnovalidate フォームの送信時に入力内容の妥当性をチェックしない

属性値は省略できます。

サンプルコード

属性値を省略
<form method="post" action="sample-formtag6.php" target="_blank">
<fieldset>
<legend>あなたの情報</legend>
<p><label>ペンネーム: <input type="text" name="name" required></label></p>
<p><label>メールアドレス:<input type="email" name="email"></label></p>
<p><label>ウェブサイト:<input type="url" name="website"></label></p>
<p><label>猫が好きです:<input type="checkbox" name="love" required></label></p>
</fieldset>
<p>
<input type="submit" value="直ちに送信" formnovalidate>
<input type="submit" value="入力内容をチェックして送信">
</p>
</form>
属性値を省略
あなたの情報

*送信すると入力内容が表示されます。
属性値を省略しない
<form method="post" action="sample-formtag6.php" target="_blank">
<fieldset>
<legend>あなたの情報</legend>
<p><label>ペンネーム: <input type="text" name="name" required></label></p>
<p><label>メールアドレス:<input type="email" name="email"></label></p>
<p><label>ウェブサイト:<input type="url" name="website"></label></p>
<p><label>猫が好きです:<input type="checkbox" name="love" required></label></p>
</fieldset>
<p>
<input type="submit" formnovalidate="formnovalidate">
<input type="submit" value="入力内容をチェックして送信">
</p>
</form>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク