Для ввода чисел в HTML5 существует специальное поле с возможностью добавлять цифровое значение клавиатурой либо нажатием верхней и нижней стрелочек. Также можно установить шаг добавления либо отнимания цифр при нажатии на стрелочки:
Чтобы создать такое поле, вставьте вот этот код:
<input type="number">
Арибуты
min - минимальное значение (действует только при нажатии на стрелочки).
max - максимальное значение (действует только при нажатии на стрелочки).
size - ширина поля.
step - шаг добавления либо отнимания числа. Может быть как целым (4), так и дробным (0.4).
name - имя поля (нужен для php обработчика формы).
value - здесь можно поставить число, которое будет сразу выводиться в форме по умолчанию.
Вот полностью готовый код:
<html> <head> <meta charset="utf-8"> <title>Ввод числа на HTML5</title> </head> <body> Какая у Вас зарплата?: <input type="number" name="s" size="3" value="5" min="5" max="100" step="0.3"> $ </body> </html>
Результат будет вот таким:
Какая у Вас зарплата?:
$
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Мое первое приложение для смартфонов (андроид) – основы HTML
События HTML5
Скрипт для выпадающего списка
Перетаскивание изображения – использование Drag and Drop в html 5Похожие статьи
Текст в css
Input color в HTML5
Уроки Bootstrap 3.0 для начинающих – списки. 7-й урок
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 330325 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274683 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 222435 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 187485 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186559
Спасибо, Александр за комментарий. Планирую еще пару постов для WooCommerce…
⇒ Открыть статью ⇐