Среда, 12 Декабря 2012 12:44

Элемент input type number

Written by 
Оцени эту запись
(11 Голоса)

В HTML5 появилось много интересных типов элемента <input>. В данной статье мы рассмотрим input, у которого атрибут type равен number.

 

 

<input type="number">

 

Данный элемент определяет числовое поле с ограничениями. Мы можем задать ему максимальное и минимальное значение, шаг (интервал) и значение по умолчанию. Эти ограничения описываются атрибутами:

 

  • min -- минимальное значение
  • max -- максимальное значение
  • step -- шаг (за это значение меняется value элемента при нажатии на стрелочки больше/меньше)
  • value -- значение по умолчанию

 

Пример:

 

<input type="number" min="0" max="100" value="25" step="5">

 

 

 

При нажатии на стрелочку вверх значение увелививается, при нажатии на стрелочку вниз - уменьшается.

 

 

 

 

Additional Info

You have no rights to post comments

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов