Формы языка программирования HTML
материал по информатике и икт (8 класс) по теме

Формы языка программирования HTML.

Пример HTML формы | Вход в систему

Логин:

Пароль:

 Запомнить

Код:

Теги, атрибуты и значения:

•  – определяют форму.
• name="" – определяет имя формы.
• method="" – определяет способ отправки данных из формы. Значения: "get" (по умолчанию) и "post". Чаше используется метод "post", так как позволяет передавать большие объемы данных.
• action="" – определяет url по которому данные отправляются на обработку. В нашем случае – enter_data.php. Также может быть обозначен адрес электронной почты, например,action="mailto:ab-w.net".
•  – определяют такие элементы формы как кнопки, переключатели, текстовые поля для ввода данных.
• type="text" – определяет текстовое поле для ввода данных.
• type="password" – определяет поле для ввода пароля, при этом текст отображается в виде звездочек или кружочков.
• type="checkbox" – определяет переключатель.
• type="submit" – определяет кнопку.
• type="hidden" – определяет скрытый элемент формы – используется для передачи дополнительной информации на сервер.
• size="25" – длина текстового поля в символах.
• maxlength="30" – максимально допустимое количество вводимых символов.
• value="" – определяет значение, которое будет отправлено на обработку если относится к радиобутонам или переключателям. Значение данного атрибута в составе текстового поля или кнопки будет показано как, например, Вася или Вход в примере выше.

Пример HTML формы | Комментарии на сайте

 Имя

 E-mail

Код:

Теги, атрибуты и значения:

• action="http://ab-w.net/comments.php" – определяет url по которому будут отправлены данные из формы.
• id="" – определяет имя, идентификатор элемента формы.
• name="" – определяет имя элемента формы.
•  – определяют текстовое поле в составе формы.
• cols="" – определяет количество колонок текстового поля формы.
• rows="" – определяет количество рядов текстового поля формы.

Если между   поместить текст, он будет показан внутри поля как пример, который легко удалить.

Пример HTML формы | Выпадающий список

Код:

Теги, атрибуты и значения:

•  – определяют список с позициями для выбора.
• size="" – определяeт количество видимых позиций списка. Если значение равно 1, мы имеем дело с выпадающим списком.
•  – определяют позиции (пункты) списка.
• value="" – содержит значение, которое будет отправлено формой по указанному url на обработку.
• selected="selected" – выделяет позицию списка в качестве примера.

Пример HTML формы | Список с полосой прокрутки

Увеличив значение атрибута size="", мы получим список с полосой прокрутки:

Код:

Для этого варианта применим флажок multiple="multiple", который делает возможным выбор нескольких позиций. Его отсутствие разрешает выбрать только один пункт.

Пример HTML формы | Переключатели, кнопки

 Самолет
 Поезд
 Автомобиль
 Автобус
 

Код:

Атрибуты и значения:

• value="" – определяет значение, которо будет отправлено формой по указанному url.
• checked="checked" – определяет в качестве примера одно из возможных значений.
• type="submit" – определяет кнопку.
• type="reset" – определяет кнопку сброса.
• value="" – определяет надпись на кнопке.

Смотрите дополнительно: тег .

Пример HTML формы | Радиобутоны, прикрепить файл

Пол:
 М 
 Ж
Прикрепить файл:

Код:

Пример HTML формы | fieldset

Коротко о себе:

 Молодой человек
 Девушка
 Дата рождения
 Семейное положение
 Социальный статус
 Местожительство

Код: