数値入力の代わりに使用するもの

フォームで番号を収集するときは、最初に番号入力ボックスを使用することを考えることができます。ただし、このアプローチにはさまざまな問題があります。第一に、あなたが望むものが数のように見えることもありますが、実際には単なる数字の文字列であるため、実際には数字（たとえば、スペースのあるクレジットカード番号）ではありません。さらに重要なことは、さまざまなスクリーンリーダーの問題があることです。

Hanna Laaksoは、これらの問題をGov.ukのために文書化しました。彼らの最後のアプローチは次のとおりです。

<input type="text" inputmode="numeric">

inputmodeプロパティは優れており、深く掘り下げています。

Phil Nashはほぼ同じ結論に達し、Twilioブログに、2要素認証コード入力のエクスペリエンスを改善する方法について投稿しました。

<input type="tel" autocomplete="one-time-code">

最後の属性は私にとって興味深く、斬新です。これは、それをサポートするブラウザでは、この非常に有用な体験を得ることができることを意味します。

フィルはまた、他のautocomplete値があると書いています。

利用可能な多くのautocomplete値があり、名前や住所からクレジットカードやその他のアカウントの詳細まで、すべてをカバーしています。登録とログインに非常に役立ついくつかのautocomplete値があります： username 、 email 、 new-password 、 current-password 。

ブラウザとパスワードマネージャーは、Webページでログインフォームを見つけるための優れたヒューリスティックを持っていますが、 usernameとcurrent-password値を使用すると非常に明白です。

以上が数値入力の代わりに使用するものの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。