常に意味的HTML入力を使用する
私は時々、HTMLでユーザー入力を要求するために正しい構成要素を使用するのが退屈であるということを知っています.しかし、適切なコンポーネントを使用して重要なユーザーエクスペリエンスを強化し、モバイルデバイス内のアクションでそれを見るのは簡単です.
今日、私はあなたが入力でx
しかし、代わりに
今日、私はあなたが入力でx
type="number"
. あなたが価格を求めたいとしましょう:<input type="number" required name="price" min="0" value="0" step="any">
あなたがそれを省略するならばstep="any"
部分的に、入力は整数値だけを検証します.しかし、代わりに
step=".01"
次に、矢印をクリックするたびに、値は±0.01に更新されます.かなり便利ですね?Reference
この問題について(常に意味的HTML入力を使用する), 我々は、より多くの情報をここで見つけました https://dev.to/po5i/always-use-semantic-html-inputs-4k5cテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol