Опубликован: 25.10.2006 | Доступ: свободный | Студентов: 22155 / 9151 | Оценка: 4.30 / 4.02 | Длительность: 08:22:00
Лекция 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 >
Дарья Федотова
Дарья Федотова
Мария Иванова
Мария Иванова
Евгений Шаров
Евгений Шаров
Россия, Североморск, школа№11, 1991
Наталья Власова
Наталья Власова
Россия, Екатеринбурга