Пожалуйста, уточните, кто автор курса Основы работы с HTML ? |
Формы HTML и ввод данных
Поле пароля
Поле пароля ( type=password ) создает защищенное поле ввода, которое дает возможность пользователю, заполняющему форму ввести текст, но в отличие от обычного текстового поля, вводимые данные при отображении на мониторе заменяются звездочками или точками.
Следующий пример демонстрирует простейшую форму для ввода имени пользователя и пароля.
<html> <body> <form> Имя пользователя: <input type="text" name="user" value="Елена"> <br> Пароль: <input type="password" name="password" value="tktyf"> </form> </body> </html>
Пример выполнения данного HTML-кода
Необходимо обратить внимание, что хотя значение пароля и задано по умолчанию, при отображении браузер выводит вместо символов звездочки.
Переключатели
Переключатели или радиокнопки ( type=radio ) определяют поля выбора одного значения из нескольких доступных. Поля этого типа часто используются в диалоговых окнах. Для каждой позиции переключателя создается свой тег <input type=radio>. Группируются переключатели при помощи одинакового имени, задаваемого атрибутом name.
<html> <body> <form> Укажите Ваш пол: <br> <input type="radio" name="sex" value="male"> мужчина <br> <input type="radio" name="sex" value="female"> женщина </form> </body> </html>
Пример выполнения данного HTML-кода
Необходимо отметить, что в отличие от текстового поля и поля пароля атрибут value задает значение, которое будет передано серверу для дальнейшей обработки в случае выбора данного переключателя. Для выбора по умолчанию одного из возможных значений группы переключателей используется атрибут checked.
<html> <body> <form> Укажите Ваш пол: <br> <input type="radio" name="sex" value="male" checked="checked"> мужчина <br> <input type="radio" name="sex" value="female"> женщина </form> </body> </html>
Пример выполнения данного HTML-кода
В данном примере по умолчанию выбран мужской пол.