<form novalidate></form>
更新日 | |
---|---|
仕様 | HTML Living Standard |
分類 | フロー・コンテンツ / パルパブル・コンテンツ |
利用場所 | フロー・コンテンツが置ける場所 |
内容 | フロー・コンテンツ(ただし、form要素は含められない) |
form要素に novalidate
を追加すると、妥当性のチェック(入力内容の検証)を無効にすることができます。
<form method="post" action="example.cgi" novalidate></form>
属性 | 値 | ||
---|---|---|---|
任意属性 | |||
novalidate |
妥当性をチェックしない | (novalidate ) |
値は省略可能 |
novalidate属性を省略した場合は、妥当性のチェック機能が有効になります。
チェック機能が有効になっている場合は、フォームの送信時に入力内容の妥当性がチェックされることになります。
例えば、入力必須の項目が未入力になっている場合には、エラーメッセージが表示されて送信できなくなります。(対応しているブラウザのみ)
novalidate属性は、このようなチェック機能を無効にしたい場合に使用することになります。
使用例
- 動作確認のため、送信先としてHTMLファイル(現在のページ)を指定しています。
<form method="get" action="form_novalidate.html">
<p>チェック機能が有効になっているフォーム。</p>
<p>お名前:<br><input type="text" name="name" required> <strong>必須</strong></p>
<p>URL:<br><input type="url" name="url"></p>
<p>メールアドレス:<br><input type="email" name="email"></p>
<p><input type="submit" value="送信する"></p>
</form>
<form method="get" action="form_novalidate.html" novalidate>
<p>チェック機能を無効にしたフォーム。</p>
<p>お名前:<br><input type="text" name="name" required> <strong>必須</strong></p>
<p>URL:<br><input type="url" name="url"></p>
<p>メールアドレス:<br><input type="email" name="email"></p>
<p><input type="submit" value="送信する"></p>
</form>
- 表示例
- チェック機能が有効になっているフォームでは、必須項目の未入力、URLの入力形式、メールアドレスの入力形式がチェックされ、妥当でなければエラーメッセージが表示されます。(対応しているブラウザのみ)
- チェック機能が無効になっているフォームでは、入力内容がどのような状態であっても送信が可能になります。