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


sdcvoy.ru
Понравился сайт? Поделись с друзьями!
Главная » Html5 » Atribut-required-multiple

Атрибут required

С атрибутом required вы уже знакомились в предыдущих уроках. Этот атрибут позволяет сделать поле ввода обязательным. Например если вы будете использовать этот атрибут, то браузер пользователя не разрешит отправить форму пока поле ввода с данным атрибутом не будет введено.

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

Но этот атрибут употребляется не со всеми полями форм. Он не будет употребляться с полями, где атрибут type принимает, например, такие значения, как hidden, image, submit. Давайте рассмотрим небольшой пример:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>required,multiple</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="email" required multiple></p>
   <p>Введите ваше имя, пожалуйста:</p>
   <p><input name="user" required placeholder="Ваше имя"></p>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>  

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

required, multiple

В этом примере я использовал ещё один новый атрибут multiple

Атрибут multiple

Атрибут multiple позволяет пользователю вводить несколько почтовых адресов, загружать несколько файлов, вместо одного. Неправда ли удобно? Общий синтаксис имеет вид: <input multiple>

Я думаю вы без труда разберетесь, как можно использовать данный атрибут взглянув на предыдущий пример. Ну, а если уже разобрались можно переходить к следующему уроку.



наверх