ホームページ >ウェブフロントエンド >H5 チュートリアル >入力要素の URL タイプとメール タイプの紹介_html5 チュートリアル スキル

入力要素の URL タイプとメール タイプの紹介_html5 チュートリアル スキル

WBOY
WBOYオリジナル
2016-05-16 15:51:071609ブラウズ

以前は、Web ページの入力ボックスを作成するときに多くの JS 検証を使用していましたが、HTML5 では、このエフェクトを記述するのはそれほど面倒ではなくなりました。2 つの新しいタイプの HTML5 入力アプリケーションを紹介します。
1. URL タイプ:





このタイプを設定した後、出現ポイントから通常の要素とほぼ同じですが、この型をフォームに入力して送信ボタンをクリックした場合、この入力ボックスに入力した内容がURLアドレスでない場合は送信されません。

操作の効果は次のとおりです:

2. 電子メールの種類:




上記の URL タイプ コードのタイプを電子メールに変更すると、フォームが送信されるときに、この入力ボックスの内容が電子メール形式であるかどうかが自動的に検証されます。そうでない場合は、提出することはできません。

ご不明な点がございましたら、スクリプト ハウスに直接メッセージを残していただければ、できるだけ早く返信させていただきます。
これを理解したら、自分で実践し、演習を投稿して、みんなで一緒に上達することができます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。