多くの友人が検証を形成する場合、jQueryまたはJSを手動で使用するか、jQueryプラグインを使用して検証します。 HTML5には認証が付属していると誰もが考えているからです。実際、HTML5にはフォーム検証が策定されており、現在は非常に強力です。純粋なHTML5によって書かれたフォームでそれを確認するために、フォームを見てみましょう！経験！
この効果についてどう思いますか？
この効果の本質は3つの写真です！
.myform select：必須、.myform input：必須、.myform textarea：必須{background：#fff（http://sandbox.runjs.cn/rs/rs/216/0y 89gzo2/star.jpg）No-Repeat 999 ％center;}。 /right.png）99％センター：0 5px＃5cd053：＃28921f;} ：//sandbox.runjs.cn/uploads/216/0y89gzo2/error.png）その後、監視イベントを行いました。
oninvalid = this.setcustomalivity（ '正しい番号を入力してください'）;
検証パスワードが一貫している場合は、JSを使用します
function checkpassword（）{var pass1 = document.getElementByID（パスワード）;これにより効果が完了します！
あなたが思うなら、この構築されたバブルも醜いです！以下に示すように：変更したい！
Google 29のバージョンの前に、擬似エレメントを使用してバブルを変更できます！
- webkit-validation-bubble {min-width：-1px;} :: / TOP：4px：0px;} :: -webkit-bubble-clipper {center;} :: olor：＃444;}：-webkit-validation-bubble-message {border： 1pxソリッド＃f7ce39;しかし、この方法は後で放棄されました！バブルの変更に対する応答がないことがわかります！では、バブルスタイルを変更する方法は？ここでは少し面倒です！アイデアは、おそらくデフォルトのバブルを最初に停止し、次に新しいバブルを作成するということです！
デフォルトのバブルを防ぎます<form> <inpult rebuly> <butth> submit </button> </form> <scrip> document.quryselector（input）.addeventlistener（incret、function）{event.prev entdefault（）;}）;新しいUIを作成しますコードはほぼ次のとおりです。
function leplayvalidationui（//バブルからのバブルを防ぎます。 }）。 type = submit]）; function（event）{var invalidfields = form .quryselectolll（：nivalid）、listhtml =、form.queeryselector（.err-messages）、for（var i = 0; i < Invalidfields.length; label = form.queryselector（= + infields [i] .id +]; /li>;} ages.innerhtml = listhtml; }）;} //すべての検証uivar forms = document.quryselectiverall（form）;要約します上記は、HTML5がエクスペリエンスの最適化と、質問がある場合は皆に返信することを願っています。 VEVBウーリンのウェブサイトへのご支援ありがとうございます！