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


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Html5 » Tip-vvoda-dannyx-search-color-tel

Тип ввода данных search

Поле search в HTML5 используется для поиска на сайте. Я думаю не нужно объяснять вам зачем применять поиск на сайте и где его стоит располагать.

Синтаксис имеет следующий вид:
<input type="search">

Тип ввода данных color

Можно догадаться, что поле color в HTML5 позволяет пользователем ввести значение цвета, выбрав его из палитры красок. Жаль, что пока этот тип ввода данных мало кем поддерживается. Полноценно его можно использовать только в Опере.

Общий синтаксис имеет следующий вид:
<input type="color">

Предлагаю посмотреть небольшой пример с этим типом:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Использование search</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>Выберете цвет</p>
  <p><input type="color"></p>
  <p><input type="tel"></p>    
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>

Результат вы можете увидеть на рисунке:
Тип данных color в html5

Тип ввода данных tel

Последний тип ввода данных, который вы также сможете в дальнейшем использовать это поле tel. Почему в «дальнейшем», потому что пока этот тип нигде не реализован. А означает он ввод телефонного номера, причем это должен быть ввод не только цифр, но и некоторых знаков, которые могут присутствовать в номере.

Общий синтаксис имеет следующий вид:
<input type="tel">

Вот и подошел к концу очередной урок, в нём мы закончили знакомство с типами ввода данных. В следующем уроке мы с вами начнём знакомство с атрибутами этих данных.



наверх