Главная страница Случайная страница
Разделы сайта
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
|
|
Создание и использование форм
| Элемент | Описание / примеры использования |
| < 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> , представляет собой содержимое окна по умолчанию. |
Данная страница нарушает авторские права?