![]() Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Работа с тегами форм ⇐ ПредыдущаяСтр 2 из 2
В HTML существует три тега для создания различного типа полей в форме: < TEXTAREA> , < SELECT> и < INPUT> . Любое их количество может быть размещено в контейнере между тегами < FORM> и < /FORM> . Ниже в таблице 17 отражено их краткое описание, а подробнее они будут рассмотрены чуть позже. Таблица 2
Тег < TEXTAREA> Этот тег предназначен для построения поля с целью ввода многострочной текстовой информации. В контейнере TEXTAREA допускается размещать любой текст, который будет выведен в поле ввода по умолчанию. Перечислим атрибуты этого тега. Таблица 3
Пример: < HTML> < BODY> < FORM> < TEXTAREA> Какой-то текст < /TEXTAREA> < /FORM> < /BODY> < /HTML>
При помощи атрибутов ROWS и COLS можно задать поле любого размера. Хотя эти атрибуты не являются обязательными, они не имеют определенных значений по умолчанию (для каждого броузера эти значения различны), поэтому лучше их всегда указывать явно. Тег < SELECT> Этот тег используется для создания всплывающего меню или списка опций с полосой прокрутки. Список опций и пункты меню располагаются внутри контейнера SELECT. Аналогично тегу < TEXTAREA> , < SELECT> требует обязательного определения имени в атрибуте NAME. Количество опций указывается в атрибуте SIZE. Ниже в таблице 19 перечислены атрибуты тега < SELECT> . Таблица 4
Список опций включается в контейнер < SELECT> при помощи тега < OPTION> . Этот тег имеет два атрибута, которые описаны в таблице 20.
Таблица 5
Пример: Ниже приведено содержимое двух HTML-документов, содержащих похожие формы. Во втором документе предварительно выбран один элемент из списка (добавлен атрибут SELECTED). < HTML> < BODY> Выберите время года: < FORM> < SELECT NAME=year> < OPTION SELECTED VALUE=" winter" > зима < OPTION VALUE=" spring" > весна < OPTION VALUE=" summer" > лето< OPTION VALUE=" autumn" > осень< /SELECT> < /FORM> < /BODY> < /HTML>Тег < INPUT>
Тег < INPUT> располагает следующими атрибутами. Таблица 6
Тип поля ввода, атрибут TYPE
Таблица 7
Пример: В следующей форме используется значение TEXT. < HTML> < BODY> < FORM> Введите номер телефона: < INPUT TYPE=" TEXT" NAME=" phone" SIZE=" 15" MAXLENGTH=" 12" > < /FORM> < /BODY> < /HTML>![]()
Пример: Использование значения PASSWORD. < HTML> < BODY> < FORM> Введите секретное слово: < INPUT TYPE=" password" NAME=" secret_word" SIZE=" 30" MAXLENGTH=" 30" > < /FORM> < /BODY> < /HTML>
Пример: Использование значения CHECKBOX. < HTML> < BODY> < FORM> < INPUT TYPE=" checkbox" NAME=" checkbox1" VALUE=" checkbox_value1" > Вариант< BR> < INPUT TYPE=" checkbox" NAME=" checkbox2" VALUE=" checkbox_value2" CHECKED> Предварительно выбранный вариант < /FORM> < /BODY> < /HTML>![]() Пример: В этом примере две формы расположены в соседних ячейках таблицы. < HTML> < BODY> < TABLE ALIGN=center BORDER CELLSPACING=10> < TR> < TD> Форма 1: < FORM> < INPUT TYPE=" radio" NAME=" choice" VALUE=" choice1" > yes.< INPUT TYPE=" radio" NAME=" choice" VALUE=" choice2" > no. < /FORM> < /TD> < TD> Форма 2: < FORM> < INPUT TYPE=" radio" NAME=" choice" VALUE=" choice1" CHECKED> yes. < INPUT TYPE=" radio" NAME=" choice" VALUE=" choice2" > no. < /FORM> < /TD> < /TR> < /TABLE> < /BODY> < /HTML>Пример: В следующей форме используется значение RESET. < HTML> < BODY> < FORM> < INPUT TYPE=" reset" > < BR> < INPUT TYPE=" reset" VALUE=" Очистить форму! " > < /FORM> < /BODY> < /HTML>![]()
Пример: Использование значения SUBMIT. < HTML> < BODY> < FORM> < TEXTAREA> Какой-то текст < /TEXTAREA> < BR> < INPUT TYPE=" submit" VALUE=" Отослать данные! " > < /FORM> < /BODY> < /HTML>
|