お世話になります。
アクセシビリティ対策の一環として<input type="number">のstep属性を多用していたのですが、これに違反した入力をするとエラーが出る事を知りました。
例えば<input type="number" step="500" value="3000">円
とすると、500円刻みの値段を素早く入力できて便利なのですが、例えば3200などと入力した場合には、有効な値を入力してくださいとエラーが出てしまいます。
stepの仕様上、当然の挙動とは思いますが、このエラーを表示させない方法はありますか。
それともstepは入力値を制限するための属性なので、上記の3200などを許容したい場合にはstepは使うべきではないのですか。
しかしstepを使わないと3500を入力する手間が一気に増えて使いづらくなるので、どうすべきか考えている所です。
このような場合の先生方の方針を教えてください。
No.1ベストアンサー
- 回答日時:
step属性は入力値を制限するための属性であるため、あえて3200のような値を許容する場合には、step属性を使うべきではないと思います。
例えばですが、stepを100にしておき、そのinputフィールドの近くに[+500] や[+1000]などのボタンを配置し、クリックするとフィールド内の数字が増えるようにjavascriptで制御してみてはいかがでしょうか。
ありがとうございます。
やはり私もそう思います。
となると、どうしてもやりたいならご提示のとおりボタンを自作するしかないのですが、そうするとせっかくクロームが用意してくれた増減ボタンを無視する事になり冗長に感じてしまいます。
そういうわけでstep属性を外すのは絶対として、ボタンを作るかは未だ決められずにいます。
No.2
- 回答日時:
増減リンクを作成せよとのご提案でしょうか。
参向サイトはうまく動かせませんでした。
側だけでしょうか。
ひとまず許容したい値を制限するようなstepは設定すべきでないという事が分かりましたので満足です。
自作ボタンを作るかは検討課題とします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テキストボックスの番号を使っ...
-
アルファベットGの小文字の入力
-
初歩的な事だと思います。 Sub...
-
VBAのトグルボタンでのマクロに...
-
TextBoxから数字が文字...
-
InputBoxからの掛け算
-
ACCESS テキストボックスの入力...
-
至急です!Excelがわかりません
-
VBAでInputBoxの再入力をさせる...
-
アクセスのマクロ
-
uwsc webページ内のテキストボ...
-
複数行の入力を受け取る方法
-
Excel-VBAでInputBox+Pulldown...
-
FIREFOXでWebページを表示でき...
-
VBA R1C1形式で変数の入力について
-
エクセルVBA テキストボックス...
-
ビジネスメールの敬称
-
お問い合わせフォームから送信...
-
Googleフォームを回答したか確...
-
Safariで「本当にこのフォーム...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
エクセルVBA テキストボックス...
-
初歩的な事だと思います。 Sub...
-
Excel-VBAでInputBox+Pulldown...
-
テキストボックスの番号を使っ...
-
VBAでInputBoxの再入力をさせる...
-
DataGridViewの桁数制限に関して
-
EXCEL VBA で指定した範囲に入...
-
「イ分」・・・フンという文字...
-
数字以外の入力をエラーにする...
-
教えて!全角文字「μ」の半角
-
DataGridView 列ごとの入力制限
-
VBA R1C1形式で変数の入力について
-
エディットボックスの入力制限...
-
TextBoxから数字が文字...
-
アクセスのマクロ
-
excel vba でユーザーフォーム...
-
HTMLで全角文字のみ入力するに...
-
accessで該当するレコードがな...
-
入力フォームの値をQRコードで...
-
複数行の入力を受け取る方法
おすすめ情報