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

前回のブログ投稿では、プレースホルダー、プリフェッチ、webStorage など、HTML5 のいくつかの改善点について説明しました。次に紹介するのは、2 つの新しい入力要素タイプ、つまり email と URL です。コードに従ってその利点を確認してみましょう:

構文形式:
新しい入力タイプ属性。テキストの代わりに電子メールまたは URL を使用します:

コードをコピーします

コードは次のとおりです:

; input type="url" value="">

HTML5 に固有のパターン属性フィールドを使用して、メール アドレスと URL アドレスの形式を検証するための正規表現を指定できます。このトピックについては、別の記事で説明します。


利点
- 特別な CSS スタイルをカスタマイズできる、input[type=email] - 特別な CSS スタイルをカスタマイズできる、input[type=url]
- より多くのセマンティック定義を行うことができます
- モバイル アプリケーションの適応性: モバイル ブラウザーでは、ユーザーが手動で切り替える必要なく、電子メールと URL 用の特別なキーボードがポップアップ表示されます。

最初は冗長な入力タイプを追加することに嫌悪感を抱きましたが、よく考えてみると、ユーザー エクスペリエンスを向上させるためには良い措置だと思います。どう思いますか?