質問: 数値の増分に制限されている数値入力を表す方法 フィールド値を50の固定増分に制限するフォームの要件があり、その制約を意味のある方法で表す最もエレガントな方法が何であるかわかりません。頭に浮かぶ最も簡単なソリューションは、jquery検証メソッドと、通常のテキストフィールド入力に関連付けられているサーバー側ロジックの組み合わせです。頭に浮かぶ他の代替案は、一定の数の値を持つドロップダウンリストまたはドロップダウンリストで進む、ある種の数値ピッカー(現時点ではわかりません)です。他のアイデアは?あなたにとって最も直感的に感じるものは何ですか?
回答: safari for html5に実装されている方法を使用することをお勧めします。ご覧のとおり here html5には、新しい属性を持つ新しい入力タイプもあります。この場合、「step」という属性を持つ数値の入力タイプを使用します。コードは次のようになります。<input type="number" step="50" min="0" name="some_name" value="0" id="some_name" /> 今のところ、これを使って何かを行うブラウザはそれほど多くありません。ただし、そのコードをsafariで(html5 doctypeを使用して)表示すると、通常のテキスト入力フィールドに、フィールド内の値を「step」値だけ増加させる上/下矢印を提供するコントロールが表示されます。あなたが割り当てた。したがって、ui要素の場合、それをまだサポートしていないブラウザーの場合、入力フィールドの横にある上向き/下向きの矢印を複製します。特定の値を期待していることをユーザーに知らせるには、「50の倍数を入力してください。例:0、50、100、150など」と書くだけです。次に、明らかに、入力した数値がこれらの範囲内であることを検証するために、クライアント側またはサーバー側のコードが必要になります。