С помощью средств HTML можно создавать формы для ввода информации посетителем Web-страницы. Описание формы помещается между тэгами <FORM> и </FORM>. На странице одновременно может располагаться несколько форм, однако они не могут быть вложены одна в другую.
Атрибуты:
• METHOD. Задает метод – GET или POST. По умолчанию предполагается GET. Хотя большинство из существующих форм использует метод POST Различия между GET и POST, а также ситуации, в которых следует использовать тот или иной метод, будут рассмотрены при изучении CGI-программирования.
• ACTION. Задает имя программы, которая будет обрабатывать форму.
Текстовая область - <TEXTAREA>. В контейнере <TEXTAREA>…</TEXTAREA> допускается размещать любой текст, который будет выведен в поле ввода по умолчанию.
Атрибуты:
• NAME. Задает название информации. Обязательный атрибут.
• ROWS. Задает высоту поля, т.е. число строк в нём.
• COLS. Задает ширину поля, т.е. длину строки.
Список - <SELECT> Предназначен для создания меню, из которого пользователь может выбрать один или несколько из предложенных вариантов.Атрибуты:
|
|
• NAME. Задает имя поля. Обязательный атрибут.
• SIZE. Задает вертикальный размер окна для вариантов выбора.
<!-—Выпадающий список-->
<FORM>
<SELECT NAME="Item">
<OPTION VALUE="tea">Чай
<OPTION VALUE ="coffee">Кофе
<OPTION VALUE ="milk">Молоко
<OPTION VALUE ="ham">Ветчина
<OPTION VALUE ="cheese">Сыр
</SELECT>
</FORM>
<INPUT>. Чаще всего в формах используется тэг <INPUT>. Он не имеет закрывающего тэга. Вся информация, необходимая броузеру для обработки содержится в этом теге.
Атрибуты:
• TYPE. Задает тип поля ввода. Может принимать значения: кнопка (BUTTON, SUBMIT, RESET), поле ввода (TEXT), поле ввода пароля (PASSWORD), скрытое поле (HIDDEN), флажок (CHECKBOX), переключатель (RADIO), файл (FILE).
• NAME. Задает имя поля.
• VALUE. Задает значение поля по умолчанию или надпись на кнопке.
• SIZE. Задает размер поля типа TEXT.
Кнопка – BUTTON. Кнопку можно задать также с помощью парного тега <button>...</button>. Внутри элемента BUTTON можно размещать другие HTML-элементы, так что можно сделать кнопку с текстом и рисунком.
Кнопка – SUBMIT. Эта кнопка предназначена для передачи формы.
Кнопка – RESET. Это кнопка очистки формы. При ее нажатии всем измененным элементам возвращается значение по умолчанию.
Поле ввода – TEXT. Текстовое поле ввода используется в формах наиболее часто. Этот тип используется тэгом <INPUT> по умолчанию, его не нужно каждый раз указывать, чтобы вывести текстовое поле.
<FORM>
<INPUT NAME="Фамилия" VALUE ="Иванов" SIZE=20 MAXLEGNTH=20>
</FORM>
Поле ввода пароля – PASSWORD. Поле ввода пароля очень похоже на простое текстовое поле. Отличается оно тем, что вместо вводимых символов в нем отображаются звездочки. Такая возможность очень важна, когда нужно выспросить у пользователя секретную информацию типа пароля, которую не должны видеть другие.
<FORM>
<INPUT TYPE="PASSWORD" NAME="Пароль" SIZE=20>
</FORM>