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


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

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

Тип ввода данных url, сообщает браузеру, что форма не будет отправлена, если пользователь введет нечто не похожее на правильный url. Синтаксис имеет следующий вид:
<input type=»url» required >

Также как и для типа ввода mail для url можно использовать атрибут required. Позднее мы ещё вернёмся к этому атрибуту, но, а пока, предлагаю познакомится ещё с одним типом ввода данных date

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

Тип ввода данных date позволяет не затрагивая JavaScript сделать форму для ввода даты. Почему здесь я упомянул JavaScript, все потому, что его использовали для создания всевозможных виджетов, чтобы посетителю было удобно вводить дату. Теперь пользователю не нужно будет думать в каком формате вводить дату, просто браузеры в скором времени начнут использовать свои встроенные виджеты (некоторые уже используют, а веб-программистам не нужно будет писать огромный скрипт. Общий синтаксис имеет следующий вид:
<input type=»date» required >

Чтобы закрепить материал предлагаю посмотреть следующий пример использования url и date:


<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Url,date</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>Укажите URL адрес:</p>
   <p><input type="url" name="url" required></p>
    <p>Введите дату вашего рождения:</p>
   <p><input type="date" name="date" required></p> 
   <p>Укажите почтовые адреса через запятую:</p>   
   <p><input type="email" name="email" required multiple></p>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>

В результате вы можете увидеть, что, в примере, браузер Opera уже имеет встроенную функцию виджета даты:

Тип данных url и date в HTML5

В следующем уроке мы рассмотрим другие типы ввода данных связанных со временем.



наверх