Общие атрибуты форм
Формы могут иметь ряд составляющих: поля ввода, кнопки, переключатели и т.д. Для тегов указывают атрибуты, влияющие на их работу.
Большинство элементов принимают определенные значения. Для доступа программ к значениям используют атрибут name. Для задания подписей в поле ввода текста, определение вида переключателей используется атрибут value.
tabindex=номер
Атрибут tabindex определяет последовательность перехода курсора (при нажатии клавиши TAB) от одного поля формы к другой. Соответственно, если атрибут будет tabindex=1, то курсор при открытии броузера установится на элемент, содержащий атрибут с таким значением.
Можно назначить сочетание клавиш быстрого доступа при помощи атрибута accesskey.
accesskey="Клавиша"
При нажатии ALT+клавиша курсор автоматически переместится к полю формы, обозначенному соответствующим атрибутом.
Атрибут disabled делает форму недоступной, то есть элемент нельзя выбрать и изменить. Причем форма не может измениться.
Есть ряд специфических атрибутов-событий:
onfocus - элемент фокусируется (изменяется);
onchange - информация элемента изменена;
onblur - элемент теряет фокус.
<ISINDEX>
Этот элемент самый простой среди всех. Он предназначен для ввода текста и генерирования запроса на сервер.
Для подсказки можно добавить аргумент prompt:
<ISINDEX prompt="Строка для ввода текста поиска">
Вот результат:
Работа этого элемента напрямую связана с элементом BASE. К примеру задан базовый URL:
<BASE href="http://www.название.домен/путь">
Значение атрибута href - это адрес некоторой поисковой системы Интернета. Если пользователь ввел запрос из 3-х слов, то броузер автоматически сгенерирует запрос типа:
http://www.название.домен/?слово1+слово2+слово3
Строка будет отправлена на сервер для активизации поисковой машины. Теоретически метод очень удобен, но на практике не все поисковые машины поддерживают знаки: {?} и {+}. Следовательно, этот способ поиска годится для некоторых поисковых машин.
Стандартные атрибуты: id, class, lang, dir, title, style.
<FORM></form>
Этот элемент предназначен для построения сложных форм. После заполнения формы она обрабатывается при помощи CGI программ.
Атрибут action указывает на имя программы:
<FORM action="http://www.название.домен/имя программы" method="post"> Форма </form>
Можно переслать форму по электронной почте:
<FORM action="mailto:адрес@сервер.домен" method="post"> Форма </form>
Атрибут method предназначен для назначения протокола пересылки данных на сервер. Протокол GET назначен по умолчанию. Он может не удовлетворять требований разработчика, поэтому применяют протокол POST, который используется чаще.
Атрибут enctype указывает на способ кодирования содержимого формы.
Атрибут accept-charset предназначен для задания списка допустимых кодировок.
accept-charset="список кодировок"
Этот атрибут предназначен для определения типа данных:
accept="список типа данных"
Большинство форм снабжается кнопками, которые очищают (reset) или подтверждают форму(submit) и отправляют на сервер.
Есть 2 атрибута событий, применяемые вместе с программами-сценариями: onsubmit, onreset.
Стандартные атрибуты: id, class, lang, dir, title, style, title и атрибуты событий.
<INPUT>
Элемент позволяет создать различные части формы: флажки, переключатели, поля ввода и др.
Этот элемент не имеет конечного тега.
Вид элемента определяет атрибут type:
type="text" name="inputtext" - поле
формы для ввода текста (атрибут value
определяет текст по умолчанию внутри
поля);
<INPUT type="text" value="введите
текст">
type="password" - создает поле ввода
для пароля, информация отображается в
виде звездочек;
<INPUT type="text"
value="Пароль" name="passwrd">
-
введите пароль
type="checkbox"
-создает флажок;
<INPUT type="checkbox"
value="1" name="checkbox">
<INPUT
type="checkbox" value="2" name="checkbox"
checked>
<INPUT type="checkbox" value="3"
name="checkbox">
-
флажки
type="radio" -создает один
переключатель. Для создания группы
переключателей создают несколько
элементов INPUT (Имена,
помеченные красным цветом должны
совпадать!).
<INPUT
type="radio" name="switch"
value="1">
<INPUT type="radio"
name="switch"
value="2" checked>
<INPUT type="radio"
name="switch"
value="3">
-
переключатели
type="button" - создает произвольную кнопку; <INPUT type="button" value="Кнопка" name="but">
type="submit" - создает кнопку,
которая подтверждает и передает форму
на сервер;
<INPUT type="submit"
value="Послать">
type="reset" - создает кнопку,
которая очищает форму;
<INPUT
type="reset" value="Очистить">
type="image" - создает кнопку -
рисунок. Применяется с атрибутами src,
align,
которым лучше не пользоваться, так как
не все броузеры его поддерживают в такой
комбинации;
<INPUT type="image"
src="button.gif" name="image">
type="file" - создает кнопку - выбора файла и его присоединение к форме. Пользователь может вручную ввести имя файла и путь к нему. <INPUT type="file"name="browser">
type="hidden" - элемент скрыт от
пользователя. Это используют для
включения некой информации в форму. По
сути это просто имя переменной и ее
значение.
<INPUT type="hidden"
name="info">
– здесь находится элемент, скрытый от
пользователя.
Существует ряд атрибутов, употребление которых просто необходимо для правильной работы и обработки сервером формы.
Атрибут name должен присутствовать во всех элементах INPUT, кроме кнопок подтверждения сброса. Значение этого атрибута - имя поля формы. Благодаря этому атрибуту происходит обработка формы CGI программой на сервере.
Атрибут value задает значение кнопки по умолчанию или надпись на кнопке.
Наличие атрибута checked показывает броузеру, что флажок должен стоять по умолчанию. В флажка может быть выделено произвольное количество, в отличие от переключателей, где должен быть выбран только один элемент.
Aтрибут size задает длину поля ввода текста. Длина задается в символах.
Атрибут maxlength задает: во-первых, максимальное количество символов, которое может быть записано в строке ввода, а во-вторых, может ограничить размер файла, присоединяемого к форме.
Атрибут readonly позволяет создать нередактируемый элемент.
Атрибут usemap используется в картах.
Атрибут accept выше.
Применяются атрибуты accesskey, tabindex, disabled.
Стандартные атрибуты: id, class, lang, dir, title, style, title и атрибуты событий.
При помощи элемента FORM можно заменить ISINDEX:
<FORM action="действие" method="POST"> <P>Строка поиска:<BR> <INPUT type="text"> </form>
Начало формы
Строка поиска:
Конец формы
<LABEL></label>
Этот элемент - контейнер для других элементов:
<LABEL> Адрес: <INPUT type="text" id="adress"></label>
Адрес:
Если элемент LABEL и другой элемент находятся отдельно, то используют атрибут for, значение которого соответствует id другого элемента:
<LABEL for="adress"> Адрес: </label> <INPUT type="text" id="adress">
Адрес:
Для каждого элемента формы создается свой элемент LABEL. Как правило, удобно использовать таблицы для выравнивания формы.
Стандартные атрибуты: accesskey, id, class, lang, dir, title, style, title и атрибуты событий.