Формы, управляющие элементы
Форма является интерфейсом взаимодействия пользователя с узлом
Теги формы и их атрибуты
<FORM>... </FORM>‑ начало и окончание описания формы.
Action ‑ URL сценарий, выполняемый на сервере для обработки данных из формы.
Method ‑ способ передачи данных из форм узлу: Get (добавляет информацию из формы к URL, описанному в атрибуте Action), Post (передает данные в теле запроса). Способ определяется провайдером.
<TEXTAREA>...</TEXTAREA>‑начало и окончание текстовой области
Name, Rows, Cols ‑ имя области, число строк в области и ее ширина.
<SELECT>... </SELECT>‑ задание списка значений для выбора
Name, Events,Tabindex, OnFocus, OnBlur, OnChange - приведены далее в описании тега <INPUT>.
Size ‑ число значений в окне выбора. Если Size отсутствует, то будет выпадающий список (п. 1.6.8.4).
Multiple‑ множественный выбор (значение отсутствует).
Описание каждого элемента списка приводится в теге:
<OPTION атрибуты> элемент [</OPTION>]
Selected, Disabled ‑ предварительный выбор, запрет на выбор.
Label ‑ более короткая метка варианта выбора.
Value ‑ начальное значение элемента
<INPUT>‑ создание управляющих элементов (объектов) в форме.
Alt, Events ‑ краткое описание,встроенные события (п.1.2.7).
Accesskey ‑ комбинация клавиш для активизации объекта при их нажатии, при нажатой клавише Alt.
Disabled ‑ недоступность (значение отсутствует).
Tabindex ‑ номер порядка активизации объекта клавишей Tab.
Type, Name, Value ‑ тип, имя, начальное значение (надпись) объекта.
Size ‑ ширина объекта в пикселях (для Text, Password ‑ в символах).
Maxlength ‑ предельное количество символов в объекте.
OnFocus/OnBlur‑ имя сценария, запускаемого при получении/потере фокуса.
OnChange‑ имя сценария, запускаемого при потере фокуса ввода, а его значение было изменено после получения фокуса.
Рассмотрим типы объектов.
Поле ввода (Type=”Text”) позволяет ввести текст из одной строки.
Атрибут без значения ReadOnly запрещает изменение значения поля; атрибут OnSelect задает имя сценария, выполняемого при выделении текста в поле. Для размещения полей в отдельных строках используется тег <BR>.
Пример поля ввода под именем Fam длиной до сорока символов с умалчиваемым значением “Иванов“.
<INPUT TYPE=“TEXT“ NAME=“Fam“ VALUE=“Иванов“ Maxlength=”40”>
Поле ввода пароля (Type=”Password”) аналогично полю ввода, но вводимые символы отображаются на экране звездочками.
Флажки или независимые переключатели (Type=”Checkbox”) позволяют выбрать возможные варианты. Дополнительный атрибут Checked (без значения) позволяет включить флажок при его описании и определить выбор данного флажка (можно использовать и атрибут Value) в процедурах обработки документа (п. 1.6.8.2).
Зависимые переключатели или радиокнопки (Type=”Radio”) аналогичны флажкам, но выбрать можно только одну из группы этих кнопок. Все кнопки из одной группы дожны иметь одинаковые имена (п. 1.6.8.2).
Кнопка (Type=”Button”) позволяет вызвать процедуры (сценарии) обработки событий (обычно OnClick), связанных с кнопкой (п. 1.6.8.1).
Для создания кнопок можно воспользоваться отдельным тегом:
<BUTTON артибуты> содержимое </BUTTON>
Основные атрибуты тега BUTTON: Name, Disabled, Type (button, submit, reset), Accesskey, Tabindex, Events, OnFocus, OnBlur.
Содержимым могут быть и другие теги, например теги изображений.
Пример кнопки с изображением
<HTML><HEAD><TITLE>Работа с кнопкой</TITLE>
<SCRIPT LANGUAGE=“VBScript“>
Sub ClickKnopka1: Alert “Щелчок“: End Sub </SCRIPT></HEAD>
<BODY> <FORM NAME=“Form1“>
<BUTTON name=“knopka1“ value=“Кнопка1“ type=“button“
Onclick=“ClickKnopka1“ Accesskey=“k“> OK
<IMG src=“c:\WIN98\circles.bmp“ width=“50“ height=“50“ Alt=“Кольца“>
</BUTTON></FORM>
</BODY>
</HTML>
Кнопка передачи (Type=”Submit”, Type=”Image”) подтверждает выбор и отправляет данные на сервер (п. 1.6.8.1). Графический вид этой кнопки задается типом Image, изображение ‑ атрибутом Src=”URL”.
Кнопка сброса (Type=”Reset”) обеспечивает сброс текущих значений объектов и установку умалчиваемых значений (п. 1.6.8.4).
Кнопка выбора файла (Type=”File”) выводит окно выбора файла.
Скрытый объект (Type=”Hidden”) без изображения на экране. Обычно использутся для автоматического ввода дополнительных данных.
Дата добавления: 2015-04-15; просмотров: 1285;