ざっと見ましたが、必要なものが見つかりませんでした。シンプルなものになることを期待しています。タイプが 1 ~ 20 の範囲の数値に設定されている入力テキスト ボックスがあります。これは完全に機能します。
ただし、ユーザーは単にabc
または21
を入力するだけで、ポイントが無効になります。テキストボックスがそれを許可しないように設定するにはどうすればよいですか?
ざっと見ましたが、必要なものが見つかりませんでした。シンプルなものになることを期待しています。タイプが 1 ~ 20 の範囲の数値に設定されている入力テキスト ボックスがあります。これは完全に機能します。
ただし、ユーザーは単にabc
または21
を入力するだけで、ポイントが無効になります。テキストボックスがそれを許可しないように設定するにはどうすればよいですか?
多分あなたは「パターン」を使うことができます
<input type="text" pattern="[0-9]+" />
HTML5 には「数字」型の入力要素があります。次のようになります。
<input type="number" name="quantity" min="1" max="5">
ここで実際の動作を確認できます: http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_number
ただし、すべてのブラウザーがこれをサポートしているわけではないため、ユーザーからの入力を検証する必要がある場合があります。このページでは、この機能をサポートしているブラウザーについて説明します。
input type="number" と "range" は Firefox ではサポートされていません。
JavaScript を使用して解決することをお勧めします。または、20 個の数字 (つまり 1 ~ 20) の問題である場合は、ドロップダウンを使用してみませんか?
そのような:
<select>
<option>1</option>
</option>
等...