русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Формы, управляющие элементы


Дата добавления: 2015-06-12; просмотров: 626; Нарушение авторских прав


Форма является интерфейсом взаимодействия пользователя с узлом

Теги формы и их атрибуты

<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”) без изображения на экране. Обычно использутся для автоматического ввода дополнительных данных.



<== предыдущая лекция | следующая лекция ==>
Якорь (элемент привязки документов, их частей, почты) | Использование компонентов ActiveX


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.034 сек.