私のフォームでは、新しいHTMLフォームタイプを使用したいと思います。たとえば<input type="url" />（種類についての詳細はこちら）。
問題は、Chrome が非常に役に立ち、これらの要素を検証しようとしていることですが、検証が下手です。組み込みの検証に失敗した場合、要素がフォーカスされる以外にメッセージや表示はありません。URL 要素に を事前に入力して"http://"、独自のカスタム検証でそれらの値を空の文字列として処理しますが、Chrome はそれを拒否します。検証ルールを変更できれば、それも機能します。
元に戻すこともできることはわかっていますtype="text"が、これらの新しいタイプの機能強化を使用した優れた拡張機能が欲しいです (例: モバイル デバイスでカスタム キーボード レイアウトに自動的に切り替わります)。
自動検証をオフにしたりカスタマイズしたりする方法はありますか?
ベストアンサー1
HTML のフォームのクライアント側検証を無効にする場合は、novalidateフォーム要素に属性を追加します。例:
<form method="post" action="/foo" novalidate>...</form>
見るhttps://www.w3.org/TR/html5/sec-forms.html#element-attrdef-form-novalidate