мещения по форме, установки "га- 
лочки" флажка или выбора переключателя. Для использования текста для 
навигации по форме и выбора элементов формы, каждая текстовая надпись дол- 
жна быть помещена между начальным и конечным дескрипторами метки 
(). 
ПРАКТИКУМ 
Например, для создания меток для элементов формы, показанной на рис. 3.19, 
поместите текст надписей полей ввода между начальным и конечным дескрипто- 
рами метки (): 
MMH: 
 
Фамилия: 
 
Aflpec E-mail: 
 
 
 
 
Сообщение: 
 
 
' 
</textareaX/td> 
</tr> 
</table>

164 Глава3. HTML-формы 
<Еайл Ораека 8ид Избранное Cgpenc ^пр 
J hftp.//!itml-webdeaign/Chepter03/FigureO3-1 б.Ыгп 
Имя:| 
Фамилия: I 
Адрес E-mail: 
Сообщение 
Отправить 
ш 
Рис. 3.19. Форма с метками и клавишами быстрого перехода 
С каждым дескриптором <iabei> связаны два очень важных атрибута: 
for. Значение атрибута for дескриптора <iabei> должно соответствовать 
значению атрибута id элемента формы, с которым вы хотите связать дан- 
ную надпись. 
accesskey. Клавиша быстрого доступа, которую посетитель может нажать 
для перехода к полю ввода текста (если метка связана с полем ввода), вы- 
бора переключателя (если метка связана с переключателем) и установки 
или снятия флажка (если метка связана с флажком). Для использования 
клавиши быстрого доступа посетитель должен нажать и удерживать клави- 
шу ALT, а затем нажать клавишу, соответствующую значению атрибута 
accesskey. 
Клавиша, соответствующая значению атрибута accesskey, не обязательно 
должна присутствовать в тексте метки (т.е. в тексте, заключенном между началь- 
ным и конечным дескрипторами метки). Тем не менее, чтобы использовать кла- 
вишу быстрого доступа, посетитель должен ее знать. Поэтому, в качестве значе- 
ния атрибута accesskey используется одна из букв, присутствующая в тексте 
метки, и в самой метке подчеркивается соответствующая буква (или цифра), на 
основе чего посетитель может определить клавишу быстрого доступа. Обратите 
внимание, что в приведенном примере для подчеркивания букв, соответствую- 
щих клавишам быстрого доступа, для каждой метки применяются начальный и 
конечный дескрипторы подчеркивания (<ux/u>). Как результат, использование 
меток для навигации или выбора элементов формы сводится к аналогичным дей- 
ствиям, характерным для Windows-приложений. 
Несмотря на то что метки для элементов формы (определенные с помо- 
щью текста, помещенного между начальными и конечным дескрипторами < l a b el > 
< / l a b e l > ) являются частью стандарта HTML 4, их поддерживают только 
браузеры Internet 
Explorer 4.0 (и выше) и Netscape Navigator 6.0 (и выше). Web-браузеры, не 
поддерживающие 
дескрипторы метки, будут выводить на страницу только текст, соответствующий 
метке. Од- 
нако, посетители, пользующиеся браузерами без поддержки меток, не смогут 
использовать кла- 
виши быстрого доступа для навигации по элементам формы и выделения элементов 
формы.

Глава 3. HTML-формы 1 6 5 
Указание Web-браузеру выполнять функцию проверки 
данных формы с помощью атрибута onClick 
В предыдущих советах этой главы было показано, как использовать атрибут 
onSubmit в дескрипторе <form> для указания Web-браузеру на необходимость вы- 
полнения функции проверки данных перед отправкой результатов формы по ад- 
ресу, заданному в атрибуте action формы. К сожалению, при замене стандарт- 
ной кнопки Submit графическим изображением с гиперссылкой на метод 
submit () формы Web-браузер перед передачей результатов формы не будет вы- 
полнять сценарий, заданный в атрибуте onSubmit. 
ПРАКТИКУМ 
Чтобы браузер выполнял сценарий перед передачей результатов формы при ис- 
пользовании графического изображения в качестве кнопки Submit, установите 
значение атрибута onclick в гипперссылке, прикрепленной к изображению, рав- 
ным имени функции проверки данных формы, а не вызову метода submit () 
формы. Затем, если функция проверки определит, что данные формы не содер- 
жат ошибок, сценарий должен запустить метод submit о). В противном случае, 
при возврате функцией проверки значения False, сценарий должен вернуться к 
вводу данных формы, благодаря чему посетитель получит возможност</pre>
		</td>
		<td align="left" class="row2s"  width="5%"> </td>
	</tr>
    <tr><td class="row3" align="left"  width="5%"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.88.html"><img border="0" src="/tpl/l.gif" alt="<<-"></a></td><td class="row3s" align="center" width="20%" valign="middle"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.full.html">[Весь Текст]</a></td><td class="row3s" align="center" width="70%" valign="middle"><br><form action="" method="get">Страница: <input type="text" size="4" name="pg" value="90"> из 389 <input type="submit" value="Открыть"></form></td><td class="row3s" align="center" width="20%" valign="middle"> </td><td class="row3" align="right" width="5%"><a href="/comp/.view-Samouchitelj.po.kreativnomu.webdizajnu.txt.90.html"><img border="0" src="/tpl/r.gif" alt="<<-"></a></td></tr></table>	

</body>

</html>