Опубликован: 25.10.2006 | Уровень: для всех | Доступ: платный
Лекция 6:

Формы HTML и ввод данных

< Лекция 5 || Лекция 6: 123456 || Лекция 7 >
Поле пароля

Поле пароля ( 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-кода

В данном примере по умолчанию выбран мужской пол.

< Лекция 5 || Лекция 6: 123456 || Лекция 7 >
Анна Королёва
Анна Королёва

Пожалуйста, уточните, кто автор курса Основы работы с HTML ?

Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?

Мехсети Оруджева
Мехсети Оруджева
Азербайджан, Гянджа, Азербайджанский Сельскохозяйственный Институт, 1989