Найти тему

Урок по HTML номер 5. Пользовательский ввод данных.

В HTML используется элемент <input>, для "сбора" пользовательских данных, таких как почта, пароль, время, дата и многое другое.

Чтобы создать поле ввода, мы используем тег <input>. Чтобы дать подсказку пользователю, что именно он должен в этом поле ввести, мы используем атрибут placeholder.

<h4>Войти</h4>

<input placeholder="Email">

<br>

<input placeholder="Password">

Элементам ввода, если их несколько, требуется тег <br>, чтобы они располагались друг за другом.

-2

Атрибут type указывает тип ввода. Например можно скрыть вводимый пароль для большей безопасности :

<input type="password" placeholder="Password">

Для атрибута type значением по умолчанию является text, он позволяет вводить пользователь текст, который он видит, например почту:

<input type="text" placeholder="Email">

Существует много типов ввода, нам важно запомнить 6 основных : text, password, range, checkbox, date и color.

Попробуйте написать с каждым типом свой уникальный код. До встречи на следующем уроке.