コメント:HTML5の改善を誰もが知っていると思います。以下に紹介したいのは、電子メールとURLの2つの新しい入力要素タイプです。コードに従って彼らの利点を確認しましょう。興味のある友達はそれを参照できます。
以前のブログ投稿では、プレースホルダー、プリフェッチ、ウェブストラージなどのHTML5の改善について説明しました。以下に紹介したいのは、電子メールとURLの2つの新しい入力要素タイプです。コードに従って彼らの利点を確認しましょう。構文形式:
新しい入力タイプのプロパティは、テキストの代わりに電子メールまたはURLを使用します。
<! - 電子メール、非@ + non@シンボル、他の記号も使用することもできます。
たとえば、[a-za-z0-9] {3,30}@[a-za-z0-9]+/w*/。(com | cn | org | net) - >
<入力型= "email" pattern = "[^@]*@[^@]*" value = "">
<! - url->
<入力型= "url" value = "">
HTML5の一意のパターンドメインを使用して、電子メールとURLアドレスの形式を検証するための正規式を提供できます。これについては、別の記事で説明します。
アドバンテージ
- 特別なCSSスタイルはカスタマイズできます、入力[type = email]
- 特別なCSSスタイルはカスタマイズできます、入力[type = url]
- より多くのセマンティック定義を作成できます
- モバイルアプリケーションの適応性:モバイルブラウザーは、ユーザーマニュアルの切り替えなしに、電子メールとURL用の特別なキーボードをポップアップします。
最初は不必要な入力タイプを追加することにうんざりしていましたが、深く考えた後、ユーザーエクスペリエンスを改善するのは良い動きだと思います。どう思いますか?