Главная страница
Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
|
Создание и использование форм
Элемент
| Описание / примеры использования
| < form>
| Служит для создания HTML формы.
Например, следующий код
< form action=" page1.php" method=" POST" >
< input name=" text1" type=" text" value=" " > < br>
& nbsp; < br> < input name=" btn_submit"
type=" submit" value=" Отправить" >
< /form>
создаст HTML-форму, содержащую текстовое поле с именем " text1" и кнопку, имеющую имя " btn_submit". Текстом, показываемым на кнопке, будет слово " Отправить". При щелчке на кнопке данные этой формы будут отправлены методом POST для обработки скрипту page1.php.
Наиболее часто используемые атрибуты элемента < form>:
action – обязательный атрибут задает абсолютный или относительный URL скрипта, которому будут переданы данные HTML формы для обработки.
method – задает способ передачи данных HTML формы на сервер. Может иметь значения " GET" или " POST". Если данный атрибут не задан, то по умолчанию предполагается значение " GET".
enctype – способ кодирования данных формы при отправки их на сервер. Обычно, за исключением специальных случаев, этот атрибут не задается. По умолчанию значение данного атрибута полагается равным
enctype=" application/x-www-form-urlencoded".
При отправке на сервер файлов с использованием HTML формы (см. описание элемента < input> типа " file"), атрибут enctype необходимо задать как
enctype=" multipart/form-data".
| < input>
| Позволяет создавать различные элементы управления на HTML странице.
Атрибуты:
type – задает тип отображаемого элемента. Может принимать следующие значения:
" submit", " reset", " button" – различные типы кнопок (отправка данных, очистка полей и кнопка без функциональности).
" checkbox" – флажок.
" radio" – переключатель (radio-кнопка).
" text" – однострочное текстовое поле.
" password" – текстовое поле для ввода пароля.
" image" – аналогично кнопке " submit", но кнопкой будет служить рисунок, задаваемый атрибутом src.
" hidden" – скрытый элемент.
" file" – элемент, позволяющий выбрать файл на локальном диске для последующей отправки его на сервер через HTML форму.
name – имя элемента. Оно может использоваться клиентским скриптом для обработки данных, а также необходимо при отправке данных на сервер для последующей обработки.
disabled – позволяет делать элемент недоступным для действий пользователя. Не может использоваться с элементами типа " hidden".
checked – позволяет показать флажок (type=" checkbox") или переключатель (type=" radio") как отмеченный (выбранный).
align – размещение элемента на странице. Может использоваться только с рисунком (type=" image").
readonly – значение элемента типа " text" не может быть изменено.
size – размер текстового поля.
maxlength – максимально допустимое количество символов в текстовом поле (в поле типа " text").
alt – краткое описание. Используется только с рисунками (type=" image").
value – имеет различное значение для различных типов элементов < input>. Для элементов типов " submit", " reset", " button" он задает текст, показываемый на кнопке.
Для элементов типа " checkbox" и " radio" атрибут value задает значение, которое будет отправлено на сервер, если элемент выбран.
Для элементов типа " hidden", " password" и " text" атрибут value задает значение по умолчанию (значение, которое будет показано в текстовом поле при загрузке HTML страницы в браузер).
Для элементов типа " file" атрибут value не используется.
| < select>
| Используется для создания раскрывающихся списков, а также списков, позволяющих выбрать одновременно несколько элементов.
Атрибуты:
disabled – делает список недоступным для пользователя.
multiple – возможен выбор нескольких значений в списке.
name – задает имя элемента < select>.
size – определяет количество видимых элементов в списке.
Например:
< select name=" select1" multiple>
< option value =" val1" > Значение 1
< option value =" val2" > Значение 2
< /select>
| < label>
| Используется для присоединения информации к элементу управления. Если пользователь щелкает по данной информации, то это равносильно щелчку по элементу управления, к которому информация присоединена. Например, следующий код создаст флажок и выведет рядом слово " Текст"
< input type=" checkbox" name=" chk1" id=" chk1_id" >
< label for=" chk1_id" > Текст< /label>
Щелчок на слове " Текст" приведет к тому, что флажок будет менять свое состояние с отмеченного на неотмеченное и наоборот.
| < button>
| Позволяет определить кнопку, содержащую произвольный текст (например, многострочный) или рисунок.
Например, следующий код:
< button name=" btn_submit" type=" submit" > Некоторый< br> текст< /button>
отобразит текст на кнопке в 2 строки.
Если Вам такая функциональность не нужна, лучше использовать традиционные элементы < input> для создания кнопок.
Атрибут type может принимать следующие значения:
" button" – у кнопки нет предопределенного поведения. Поведение необходимо определить, например, с помощью JavaScript.
" reset" – сброс введенных в поля формы данных.
" submit" – отправка данных формы на сервер.
| < option>
| Определяет 1 элемент в списке, формируемом элементом < select>.
Например:
< select name=" select1" >
< option value =" val1" > Значение 1
< option value =" val2" > Значение 2
< /select>
| < textarea>
| < TEXTAREA NAME=address ROWS=5 COLS=50>
Ваш адрес... < /TEXTAREA>
Все атрибуты обязательны. Атрибут NAME определяет имя, под которым содержимое окна будет передано обработчику. Атрибут ROWS устанавливает высоту окна в строках. Атрибут COLS устанавливает ширину окна в символах.
Текст, размещенный между метками < TEXTAREA> и < /TEXTAREA> , представляет собой содержимое окна по умолчанию.
|
Данная страница нарушает авторские права?
|