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

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

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

Скопировать ссылку



Что такое type password .

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


type password перевод на русский

type - переводится с английского : как "ТИП"(тип данных)

password - переводится с английского : как "ПАРОЛЬ"

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

<input type="password">

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

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


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

Очень часто данный тип(type password ) используется при регистрация


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

Обращаю ваше внимание на поведение введенных данных в поле type password - вместо введенных данных вы увидите только точки.
HTML :

Покажем поле ввода с type="password"...

placeholder

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

Оборачиваем это поле в тег form + добавляем атрибут value.

+ required

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


Чтобы type="password" отправить на сервер, нам понадобится submit
PHP :

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

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

Скопировать ссылку



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

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

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

echo $result;

Весь код вместе для type password :
Html :
<form method="post">
<input name="example" type="password" required>
<input name="example_submit" type="submit" value="Отправить">
</form>

Php :

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

echo $result;

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

Если вы попытаетесь ввести данные в поле ввода с type password , то получите соответствующие результаты, а именно... вместо данных вы получите точки :

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =

---