Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Html5 » Atributy-min-max-step-v-html5

Атрибуты min, max, step в HTML5

В предыдущих уроках я уже использовал эти атрибуты. Тут всё просто:
min — используется, чтобы указать минимальное значение поля;
max — используется для указания максимального значения поля;
step — используется для указания шага между значениями.

Вот небольшой пример использования данных атрибутов:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибуты min,max,step</title>
   <style>
  .forma {
	  display:block;
	  position:relative;
	  top:30%;
	  left:30%;
	  background:#CCC;
	  border:1px solid #666;
	  width:40%;
	  padding-left:10px}
  </style>
 </head>
 <body>
  <form action="pochta.php" class="forma">
  <p>Введите произвольное значение от 0 до 0.8:</p>   
  <p><input type="number" value="0" min="0" max="0.8" step="0.05">
</p>
  </form>
 </body>
</html>

В результате должно получиться следующее:

Атрибуты min, max, step

Как видите ничего сложного здесь нет. Правда в разных браузерах это будет отображаться по-разному. В следующих уроках мы не будем изучать формы, но мы перейдем к основным новшествам в HTML5 это возможность рисовать и добавлять видео и аудио файлы.



наверх