この記事では、主に一般的に使用されるHTML5パターン(パターン)の概要を主に紹介します。これには、主にモバイルWebページの生産用に一般的に使用される正規表現が含まれます。それを必要とする友達はそれを参照できます。
最近、携帯電話のページに取り組んでいたとき、数値入力を備えたキーボードの問題に遭遇しました。以前のアプローチは、1つのサイズにぴったりの使用タイプ= Telでしたが、キーボードの英語の文字が9桁の電話番号を持つ英語の文字は邪魔すぎていると常に感じていました。だから私は他の実装ソリューションを試したかったのですが、最終的な結論はイライラしていました。しかし、私はまた、パターン属性の詳細を学ぶためにこの機会を利用しました。
type = telとtype = numberの違い最初の問題を説明させてください。実際、電話も番号も完全ではありません。
type = tel
利点は、iOSとAndroidのキーボード性能が似ていることです
不利な点は、これらの文字が余分なものであることです。強迫性障害はありませんが、まだ奇妙に感じています。
type = number
利点は、Androidの下に実装された実際の数値キーボードです
欠点1:iOSの下のナイングリッドキーボードではないので、入力するのは不便です
欠点2:Androidの古いバージョン(WeChatが使用するX5コアを含む)には、入力ボックスの後ろに非常に役に立たないテールがあります。幸いなことに、Android 4.4.4が削除されました。
ただし、欠点2については、WebKitが個人所有する擬似要素を使用して、次のことができます。
XML/HTMLコードコピーコンテンツにクリップボードに