Проверка номера типа ввода в html5

Question

Я хочу ограничить ввод ввода в поле типа номера так, чтобы вход не мог выходить за пределы диапазона min-max, указанного в html.

input type = "number" min = "1" max = "5"

Есть ли способ вывода поля числабез текстового поля, и я бы предпочел не использовать

"input type = range"

, поскольку ползунок не показывает значение, выбранное в данный момент

Пожалуйста, помогите.

Спасибо.

Answer 1

Исходя из того, что вы сказали, я предлагаю использовать простое поле ввода текста и проверять его допустимость при отправке через JavaScript (как упоминалось выше в @Kush).Вы также можете проверить его, когда пользователь вводит текст или перемещает фокус из этого поля.

Answer 2

<form>
  Only 1 to 100 <input type="text" name="number" pattern="\d{1,2}(?!\d)|100" title="one to hundreed only">
  <input type="submit">
</form>