Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Пример. 6.Поле для файлов. Поле для ввода имени файла, сопровождаемое кнопкой Browse (Обзор), при щелчке по которой открывается окно просмотра дерева папок
|
|
| < form name=" forma1" > < button name=" submit" type=" submit" > < img src=" email.gif" align=" absmiddle" > < font size=" 4" > Отправить < /font> < /button> < /form> | Результат Начало формы Отправить Конец формы |
6. Поле для файлов. Поле для ввода имени файла, сопровождаемое кнопкой Browse (Обзор), при щелчке по которой открывается окно просмотра дерева папок компьютера, где можно выбрать нужный файл. Выбранный файл присоединяется к содержимому формы при отправке на сервер.
Пример.
| < form name=" forma1" > < input type=" file" name=" load" size=" 50" > < /form> | Результат Начало формы Конец формы |
7. Поле для ввода текста. Для больших текстов, например для почтовых сообщений, удобно использовать именно этот элемент. Он создается тегами < textarea> < /textarea> и имеет следующие параметры:
· name - имя поля,
· cols - ширина поля в символах,
· rows - количество строк текста, видимых на экране,
· wrap - способ переноса слов:
· off - переноса не происходит,
· virtual - перенос отображается, но на сервер поступает неделимая строка,
· physical - перенос и на экране и при поступлении на сервер.
· disabled - неактивное поле,
· readonly - разрешено только чтение.
Пример.
| < textarea cols=" 35" rows=" 3" wrap=" virtual" > < /textarea> < br> < /form> | Результат Начало формы Конец формы |
8. Раскрывающиеся списки. Списки бывают с возможностью выбора одного элемента и с множественным выбором. Задются и те, и другие с помощью тегов < select> < /select>, внутри которых располагаются элементы значений, заданных тегом < option>
Параметры этих тегов.
· < select>:
· name - имя списка. Каждый выбранный элемент списка при передаче на сервер будет иметь вид: name.value, где значение (value) берется из тега option.
· size - определяет количество видимых элементов в списке: 1 - простой раскрывающийся список, больше 1 - список с полосой прокрутки.
· multiple - разрешает выбор нескольких элементов списка.
· < option>:
· selected - им помечают наиболее вероятный для выбора элемент списка, если список со множественным выбором, то можно пометить несколько пунктов.
· value - значение, которое будет отправлено серверу, если пункт выбран.
Пример.
| < form name=" forma1" > Какой язык вы хотите изучать: < select name=" language" size=" 1" > < option selected value=" html" > html < option value=" php" > php < option value=" java" > java < /select> < br> < br> Какое время вы готовы на это потратить: < br> < select name=" time" size=" 3" > < option selected value=" 1" > 1 месяц < option value=" 2" > 2 месяца < option value=" 3" > 3 месяца < /select> < br> < br> Какие дни недели для занятий вас устроят: < br> (выбирайте с нажатой клавишей ctrl)< br> < select name=" day" size=" 7" multiple> < option selected value=" mon" > понедельник < option value=" tue" > вторник < option value=" wen" > среда < option selected value=" thu" > четверг < option value=" fri" > пятница < option value=" sat" > суббота < option value=" san" > воскресенье < /select> < /form> | Результат Начало формы Какой язык вы хотите изучать: html php java Какое время вы готовы на это потратить: 1 месяц 2 месяца 3 месяца Какие дни недели для занятий вас устроят: (выбирайте с нажатой клавишей ctrl) понедельник вторник среда четверг пятница суббота воскресенье Конец формы |
Можно использоватьтеги < optgroup> < /optgroup>, позволяющие группировать элементы списка по каким-либо признакам. Например, мы хотим задать каталог сайтов в виде списка, тогда удобнее разбить его на группы по интересам. Для этого нужно поступить следующим образом
| < form name=" forma1" > Каталог сайтов: < br> < select name=" catalog" size=" 9" > < optgroup label=" Компьютеры" > < option value=" 1" > интернет< /option> < option value=" 2" > мобильники< /option> < option value=" 3" > hardware< /option> < /optgroup> < optgroup label=" Работа" > < option value=" 4" > вакансии< /option> < option value=" 5" > трудоустройство< /option> < option value=" 6" > резюме< /option> < /optgroup> < optgroup label=" Дом" > < option value=" 7" > здоровье< /option> < option value=" 8" > красота< /option> < option value=" 9" > дети< /option> < /optgroup> < /select> < /form> | Начало формы Каталог сайтов: интернет мобильники hardware вакансии трудоустройство резюме здоровье красота дети Конец формы |
Замечание. В данном случае необходимо указывать закрывающие теги < /option>.
9. Надписи. Все элементы формы можно связать с их надписями при помощи элемента < label> и его параметра for, значением которого является имя элемента, с которым связываем надпись. Например.
| < form name=" forma1" > < label for=" load" > Выбирайте файл: < /label> < input type=" file" name=" load" size=" 30" > < /form> | Результат Начало формы Выбирайте файл: Конец формы |
10. Обобщающий пример.
| < form name=" forma1" > < table border=" 0" cellspacing=" 5" cellpadding=" 5" > < caption> Форма регистрации< /caption> < tr> < td align=" right" valign=" top" > Имя< /td> < td> < input type=" text" name=" name" size=" 25" > < /td> < /tr> < tr> < td align=" right" valign=" top" > e-mail< /td> < td> < input type=" text" name=" e-mail" size=" 25" > < /td> < /tr> < tr> < td align=" right" valign=" top" > Пароль< /td> < td> < input type=" password" name=" password" size=" 25" > < /td> < /tr> < tr> < td align=" right" valign=" top" > Повтор пароля< /td> < td> < input type=" password" name=" password2" size=" 25" > < /td> < /tr> < tr> < td align=" right" valign=" top" > Пол< /td> < td> < input type=" radio" name=" sex" value=" man" checked> мужской < input type=" radio" name=" sex" value=" woman" > женский < /td> < /tr> < tr> < td align=" right" valign=" top" > Используемые Вами биржи ссылок< /td> < td> < select name=" hobby" size=" 5" multiple> < option selected value=" 1" > Sape < option value=" 2" > FatLink < option value=" 3" > XAP < option value=" 4" > MainLink < option value=" 5" > LinkFeed < /select> < /td> < /tr> < tr> < td align=" right" valign=" top" > Ваши пожелания< /td> < td> < textarea cols=" 30" rows=" 3" wrap=" physical" > < /textarea> < /td> < /tr> < tr> < td align=" right" colspan=" 2" > < input type=" submit" name=" submit" value=" Отправить" > < input type=" reset" name=" reset" value=" Очистить" > < /td> < /tr> < /table> < /form> | Начало формы
Конец формы |