Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Элементы управления
|
|
Пользователи взаимодействуют с формами с помощью управляющих элементов. Для задания большинства управляющих элементов используется тег < INPUT>. Параметры тега < INPUT> приведены в табл. 12.
Таблица 13.
| Параметры тега < INPUT> | |
| Параметр | Значение |
| type | Задает тип єлемента управления. |
| type=”text|password|checkbox|radio|submit|reset|file|hidden” | |
| text – текстовое поле | |
| password – текстовое поле для ввода секретной информации | |
| checkbox – флажок | |
| radio – кнопки с зависимой фиксацией | |
| submit – кнопка отправки формы |
| reset – кнопка очистки формы | |
| file – поле для выбора файла | |
| hidden – скрітое поле | |
| name | Имя элемента управления |
| value | Начальное значение управляющего элемента |
| checked | Задает активный элемент для кнопок checkbox и radio. |
| size | Ширина для текстовых полей |
| maxlength | Максимальное число символов, воспринимаемое текстовым полем |
Для создания многострочного строчного текстового поля используется тег < TEXTAREA>. Параметры тега < TEXTAREA> приведены в табл. 13.
Таблица 13.
| Параметры тега < TEXTAREA> | |
| Параметр | Значение |
| name | имя элемента управления |
| Cols | ширина строки, задается в символах |
| Rows | количество строк |
| value | Начальное значение управляющего элемента |
Для создания выпадающего списка используется тег < SELECT>. Параметры тега < SELECT> приведены в табл. 14.
| Таблица 14. | |
| Параметры тега < SELECT> | |
| Параметр | Значение |
| name | имя элемента управления |
| multiple | позволяет выбирать более одной альтернативы списка при помощи |
| удержания клавиши Ctrl | |
| size | устанавливает количество пунктов меню, которое будет показано |
| на экране, остальные будут доступны при использовании прокрутки |
Для указания каждого элемента списка используется тег < OPTION>. Параметры тега < OPTION> приведены в табл. 15.
| Таблица 15. | |
| Параметры тега < OPTION> | |
| Параметр | Значение |
| value | индекс текущего элемент списка. Именно это значение передается |
| обработчику формы | |
| selected | указывает активный элемент списка |
Пример HTML-кода, реализующего форму:
< html>
< head> < title> Страница регистрации< /title> < /head> < body>
< form method=get action='form.php' name=" form" > < table>
< tr>
< td> Фамилия, имя< /td> < td>
< input type=" text" name=" name" size=" 50" maxlength =”150”> < /td>
< /tr>
< tr>
< td> Образование< /td> < td>
< SELECT name=" request" >
< OPTION value=0>...< /OPTION> < OPTION value=1> среднее< /OPTION>
< OPTION value=2> среднее техническое< /OPTION> < OPTION value=3> высшее< /OPTION>
< /SELECT>
< /td>
< /tr>
< tr>
< td> Пол< /td> < td>
< input type=" radio" name=" human_sex" > М < input type=" radio" name=" human_sex" > Ж
< /td>
< /tr>
< tr>
< td> Дополнительная информация< /td> < td>
< input type=" file" name=" human_file" > < /td>
< /tr>
< tr>
< td> Фото< /td> < td>
< TEXTAREA cols=”50” rows=”5”> < /TEXTAREA> < /td>
< /tr>
< tr>
< td> Желаете получать новости сайта по электронной почте? < /td> < td>
< input type=" checkbox" name=" human_news" checked> < /td>
< /tr>
< tr>
< td> < /td>
< td>
< input name=" submit" type=”submit” value=”Отправить”> < input name=”reset” type=”reset” value=”Очистить”>
< /td>
< /tr>
< /form>
< /table>
< /body>
< /html>
Вопросы для обсуждения.
1. Назовите альтернативы фреймам в web-программировании.
Лекция 7