Текстове поле

Для створення поля введення використовують елемент input з атрибутом type. Type може набувати різних значень. Для найпростішого поля введення тексту атрибут type матиме значення text.

<input type=text параметри>

Нпрімер, html код

<form method= "get" action="/cgi-bin/handler.cgi"> <b>Зaполните Ваші дані:</b> Имя: <input type=text maxlength=25 size=20> Фамилия:<input type=text maxlength=25 size=20> </form>

на сторіночці відображуватиметься так:

Заповните Ваші данные: Ім'я: Прізвище: Конец формы

Можливо задавати значення параметрів

Параметр	Опис
size=...	Ширіна поля.
maxlength=...	Максимальна кількість символів дозволених в тексті. Якщо цей параметр опустити, то можна вводити рядок длинее самого поля.
name=...	Ім'я поля. Призначено для того, щоб обробник форми міг ідентифікувати це поле.
value=...	Початковий текст містить в полі.
align=...	Вирівнювання поля. Можливі значення: top, middle, bottom, right, left, texttop, baseline, absmiddle, absbottom. Результат їх використання такий самий, як і в зображень.

Поле для пароля

Поле для пароля — звичайне текстове поле, але відрізняється тим, що всі символи показуються зірочками, аби ніхто не підглянув пароль, що вводився.

Задається кодом

<input type=password параметри>

Наприклад:

<form method= "get" action="/cgi-bin/handler.cgi"> <b>Логин: </b><input type=text maxlength=25 size=20 name="text"> <b>Пароль:</b> <input type=password maxlength=15 size=20 name="pass"> </form>

На сторіночці виглядатиме так:

Логін: Пароль: Конец формы

Спробуйте ввести в поля "Логін" і "Пароль" дані. Вийшло ? :-)

Багаторядковий текст

Для можливості введення в полі декілька рядків тексту використовуємо тег textarea. Наприклад:

<form method= "get" action="/cgi-bin/handler.cgi"> <b>Введите ваш відгук: </b> <textarea rows=10 cols=45></textarea> </form>

Цей код на сторіночці можна побачити у вигляді поля, в яке можна ввести великий текст.

Введіть ваш отзыв: Конец формы

Для тега textarea використовуються наступні параметри:

Параметр	Опис
name=...	Ім'я поля. Призначено для того, щоб обробник форми міг ідентифікувати це поле.
cols=...	Кількість стовпців тексту.
rows=...	Число рядків тексту.
value=...	Значення поля визначає, що буде відправлене на сервер.
wrap=...	Параметри перенесення рядків. Можливі значення: off — відключає перенесення рядків; virtuals — показує перенесення рядків, але відправляє текст як він введений; physical — перенесення рядків вставляються де вказано і у такому вигляді текст вирушає.

Кнопки

Кнопка — це елемент інтерфейсу, на який потрібно натискувати. Используем type=button, "button" переводиться як "кнопка".

<input type=button параметри>

Код html

<form method= "get" action="/cgi-bin/handler.cgi"> <p align=center><input type=button name=press value=" Натискуй мене :-)"> </form>

На сторіночці відображуватиметься таким чином:

Начало формы Конец формы

Для кнопок використовуються наступні параметри:

Параметр	Опис
name=...	Ім'я поля. Призначено для того, щоб обробник форми міг ідентифікувати це поле.
value=...	Напис на кнопці, а також її значення.
align=...	Вирівнювання поля. Можливі значення: top, middle, bottom, right, left, texttop, baseline, absmiddle, absbottom. Результат їх використання такий самий, як і в зображень.