Формы: поля типов name и password. Урок 13. Для ввода информации в форму служит тег <input />, он располагается внутри тега <form> и имеет следующие атрибуты: type, name, size, maxlength. Кроме того, следует создать описание каждого поля и каждое описание с соответствующим тегом <input /> следует обернуть тегами <label></label>. Это обеспечит удобный эффект для пользователя: при клики мышкой описания будет активировано соответствующее поле для ввода.
© Перепечатка разрешается с установкой ссылки на ресурс http://koci.inumo.ru
13. Формы: поля типов name и password.
Для ввода информации в форму служит тег <input />, он располагается внутри тега <form> и имеет следующие атрибуты:
Напишем теперь коды для установки на тестовую страничку:
Наша тестовая страничка после данного урока:
article_013.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_013.zip ← скачайте пример, чтобы установить на свой сайт...
- type="text" - атрибут type определяет, будет ли вводимая информация отображаться в открытом виде (значение text) или будет отображаться звездочками * (значение password).
- name="name1" - атрибут name назначает имя для данного поля формы.
- size="32" - атрибут size определяет ширину поля ввода (в символах).
- maxlength="6" - атрибут maxlength определяет максимальное количество символов, которое разрешается ввести в данное поле.
Напишем теперь коды для установки на тестовую страничку:
<form action="formdata.php" method="POST" name="form1"> <p><label>Имя (макс 32 символа): <input type="text" name="name1" size="32" maxlength="32" /></label></p> <p><label>Пароль (макс 6 символов): <input type="password" name="pas1" size="10" maxlength="6" /></label></p> </form>
article_013.html ← кликните, чтобы посмотреть, как выглядит пример на данном сайте...
article_013.zip ← скачайте пример, чтобы установить на свой сайт...
*** Машина-Функционал для передвижения по страничкам курса HTML ***
Вы кликнули поясняющий рисунок, который показывает, как работает тот или иной функционал. Кликать эти рисунки не надо, нет смысла.
Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.
Эти рисунки надо просто смотреть, а тексты к ним читать. Кликать кнопки следует на самом функционале.
Тропинка к данной страничке:
ГлавСтр :: Урок_00 :: Урок_01 :: Урок_01.4 :: Лаба_1 :: Урок_01.5 :: Урок_01.6 :: Урок_02 :: Урок_03 :: Урок_04 :: Урок_05 :: Урок_06 :: Урок_07 :: Урок_08 :: Урок_09 :: Урок_10 :: Урок_11 :: Урок_12 :: Урок 13
Следующие странички, рекомендуемые для посещения и изучения:
Урок 14
Страничка сделана на основе контента курса HTML сайта kocby.ru