BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Главная » Все про HTML » Ввод чисел на HTML5

Ввод чисел на HTML5

2015-11-25 / Вр:22:34 / просмотров: 1128

Для ввода чисел в 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>

Результат будет вот таким:

 

Какая у Вас зарплата?:

$

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

Добавить комментарий

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Subscribe without commenting

Метки: ,

Мои цели на 2017 год:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Довести количество статей до 750

4). Создать портфолио и мини интернет-магазин шаблонов

5). Создать книгу

6). Довести количество статей до 800

7). Добиться посещаемости 3000 человек/сутки

8). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 734
Количество страниц на блоге: 20
Количество рубрик на блоге: 27
Количество меток на блоге: 71
Количество комментариев на блоге: 4010