Самоучитель по креативному веб-дизайну. Книга 1, стр.112
держащей ключевое слово
• enctype. Задает Web-браузеру
зоваться при передаче
x-www-form-urlencoded».
• id. Используется для
щью атрибутов id или паше), в сценарии на форму потребуется ссылаться по ее номеру. Например, в JavaScript-коде ссылка на первую форму на Web —
странице будет
document, forms [1] , На третью — document. forms [2 ] И Т. Д. ЕСЛИ же всем формам на странице присвоены уникальные
document. formID (ИЛИ
• method. Указывает метод,
Самоучитель по креативному веб-дизайну. Книга 1, стр.113
це присвоено уникальное имя
латься на форму как document,
• onReset. Имя функции
False,
• onSubmit. Имя функции
ся для проверки результатов
помощью CGI-сценария или
actio n деСКрИПТОра
Имя:
Фамилия:
[Кнопки RESET и SUMBIT формы]
Обратите внимание, что
поля ввода на форме не входят в состав дескриптора
.
тор
• type. Устанавливает тип
• id. Используется для
можно использовать для
внедренном на Web-страницу. Обратите внимание,
• name. Используется для
со значением поля ввода
•
size. Длина поля
•
value. Указывает, что
его начальной визуализации на Web-странице значение, присвоенное
13 6 Глава 3. HTML-формы
• maxlength. Максимальное количество
• readonly. Если этот
• disabled. Если этот
• tabindex. Используется для
Самоучитель по креативному веб-дизайну. Книга 1, стр.114
• accesskey. Клавиша, которую
Дескрипторы
тить на форму с именем «ExampieForm» два
именами «FirstName » И «LastName»). Длин а ПОЛЯ FirstNam e составляет 15 СИМ —
ВОЛОВ, а ПОЛЯ LastName — 20 СИМВОЛОВ.
При вводе
экран только то количество символов, которое
тора
. В приведенном примере, если
длина
ство символов,
. )
Создание на форме многострочного поля
Если требуется, чтобы
) начальный И конечный дескрипторы текстовой
).
Например, для помещения на форму под полями
гострочного
ров
():
Глава 3. HTML-формы 13 7
Как И В Предыдущем Примере, надПИСЬ
ние:») не является частью дескриптора
• rows. Количество строк,
• cols. Количество символов,
• id. Служит для
• name. Используется для
Дескриптор в приведенном примере указывает
местить на форму «ExampieForm» многострочное
11 техtMessage». Более того,
строк в высоту и 60 символов в ширину.
При вводе
13 8 Глава 3. HTML-формы
Значение атрибута rows
следовательно, и на количество одновременно отображаемых на экране символов текста).
торые посетитель
В отличие от элементов, которые используют
со значением атрибута type,
Самоучитель по креативному веб-дизайну. Книга 1, стр.115
го может использоваться в качестве начального значения
). Например,
нался СО СЛОВ «Вниманию отдела по работе с клиентами:», Описание тек —
Сообщение: name=»TextMessage» rows=»5″ cols=»60″>
Вниманию
Проверка данных текстового
Проверка данных
страницы
Дабы убедиться в том, что посетитель
Самоучитель по креативному веб-дизайну. Книга 1, стр.116
на то что сценарий можно
чального дескриптора
Начальный и конечный дескрипторы
В первой строке
вляется функция ValidateForm, И таким образом, в дальнейшем на нее можно ссылаться по этому имени. Вторая и третья строки
Самоучитель по креативному веб-дизайну. Книга 1, стр.117
ницы
окно предупреждения.
Если
сценария (расположенные после
Для того чтобы
атрибут
14 0 Глава 3. HTML-формы
Не пропустите ключевое
функции vaiidateForm(). В противном случае
формы
функция vaiidateForm()
Создание на форме флажков
и установите значение
ПРАКТИКУМ
Например,
:
Как и в случае с другими элементами
• type. Устанавливает
id. Используется
name.
value.
Самоучитель по креативному веб-дизайну. Книга 1, стр.118
checked.
атрибут
checked=»false».
Ё приведенном примере
с атрибутом type, установлен —
ным равным «checkbox»,
мечая в квадратик флажка «галочку», и наоборот, если
новленный
142 Глава 3. HTML-формы
Создание на форме переключателей
РАКТИКУ&
Например,
переключателей да и нет, необходимо в третью и четвертую строки снизу в при — веденном
:
Фамилия:
Сообщение:
Области интересов:
Операционные системы:
name=»WinXp» value=»ON» />Windows XP
name=»WinNT» value~»ON» />Windows NT
Оборудование:
type=»checkbox» name=»DT» value=»ON» /Жастольные компьютеры
value=»ON» />Портативные компьютеры
type=»checkbox» name=»PDA» value=»ON» />PDA
value=»ON» />Мониторы
Можем ли мы передавать ваш
name=»ShareEmail» />Да
value=»No» checked=»checked» name=»ShareEmail» /> Нет
[Кнопки RESET и SUMBIT формы]
Глава3.HTML-формы 14 3
Как и в случае с другими элементами
риптор
• type. Устанавливает
• id. Служит
• name. Используется
Самоучитель по креативному веб-дизайну. Книга 1, стр.119
• value. Строка,
• checked. Включая
примере третья с конца строка
В приведенном примере
со значениями атрибутов
ExampieForm два переключателя, объединенные в группу ShareEmaii.
входящих в группу. (Web-браузер
Самоучитель по креативному веб-дизайну. Книга 1, стр.120
ран в группе ранее
в данный момент переключатель. (В отличие от установленного флажка,
Проверка выбора
Web-браузер позволяет
из группы переключателей с одним и тем же значением атрибута
144 Глава 3. HTML-формы
для проверки
ти пользоваться JavaScript-сценарием. Тем не менее, Web-браузер не заставляет посетителя
Предположим, например, что на форме находятся
лей,
Если зтрибуты
MContact_OK», а атрибуты всех переключателей во второй группе — значение
fl user_count», то для проверки
Глава 3. HTML-формы 14 5
Обратите внимание,
реключателей в группе и проверки значения
ключателя в группе. Передавая
Contact_OK, а затем группу
ция countseiections( ) возвращает True, если в каждой из переданных ей групп переключателей
Самоучитель по креативному веб-дизайну. Книга 1, стр.121
рая
буту onSubmit
значение, возвращаемое функцией
countSelections().
Как уже говорилось в предыдущем совете,
торый должен
Не пропустите ключевое
функции vaiidateForm(). В противном случае
формы
бут onSubmit заставит
146 Глава 3. HTML-формы
Если функция
результаты формы по URL-адресу, указанному в атрибуте method дескриптора
Создание на форме выпадающего
Если
ментов между начальным и конечным дескрипторами.
ПРАКТИКУМ
Например,
ного в нижней части
конечный дескрипторы
Как и ранее, текстовая
СПИСКа (В Приведенном Примере
Глава 3. HTML-формы 147
• size. Количество пунктов
экране. В приведенном примере (size=»i» ) в списке до нажатия кнопки раскрытия в правой части элемента на экране будет