Type email значение атрибута поля ввода input

Тип email - type email . Type email - это одно из значений тега input в которое требуется вводить электронную почту.

Тип email в поле ввода input

1. Что такое type email html,
2. Пример использования type email .

Что такое type email .

Тип email - это один из типов type поля ввода данных input

Синтаксис type email .

<input type="email ">

Свойства типа type email .

"type email " - этот тип поля ввода input предназначен для ввода емайла пользователя.

Зачем нужен type email .

Первое, что сразу приходит на ум - это элементарная регистрация


Пример использования type email на сайте.

HTML :

Покажем поле ввода с type="email":

И можем добавить еще туда подсказку placeholder

Это поле ввода надо обернуть в тег form + добавить атрибут value.

<form method="post">
<input name="example" type="email" placeholder="EMAIL">
<input name="example_submit" type="submit" value="Отправить">
</form>


Чтобы type="email" отправить на сервер, нам понадобится {submit}

PHP :

Без метода post никак....

+ Получаем данные из value в php.

Пример использования type email .

Нужно создать условие php + post и получим данные из type email

if($_POST['example_submit']) { $result = '<div>Данные из типа email <div>'.strip_tags($_POST['example']).'</div></div>' ;}

echo $result;

Весь код вместе для type email :

Html :
<form method="post">
<input name="example" type="email">
<input name="example_submit" type="submit" value="Отправить">
</form>

Php :

if($_POST['example_submit']) { $result = '<div>Данные из типа email <div>'.strip_tags($_POST['example']).'</div></div>' ;}

echo $result;

Пример работы type email :

Попробуйте ввести данные в поле с type email , чтобы проверить работу поля ввода с этим типом ввода данных