вленный флажок, который уже содержит "галочку", браузер снимает отметку с 
флажка, убирая "галочку").

142 Глава3. HTML-формы 
Создание на форме переключателей 
Если необходимо, чтобы посетитель сайта мог выбирать один элемент из 
списка элементов, создайте список элементов с помощью дескрипторов , 
значения атрибутов type которых равны "radio". 
РАКТИКУ& 
Например, для помещения на нижнюю часть формы, показанной на рис. 3.8, 
переключателей да и нет, необходимо в третью и четвертую строки снизу в при- 
веденном ниже HTML-коде вставить дескрипторы : 
 
<р>Имя:  
Фамилия:  
<р>Сообщение:  
</textareaX/p> 
<р>Области интересов : <br /> 
Операционные системы: 
<input type="checkbox" name="Win98" value="ON" />Windows 98 
<input type="checkbox" name="WinXp" value="ON" />Windows XP 
<input type="checkbox" name="WinNT" value~"ON" />Windows NT<br /> 
Оборудование: 
<input type="checkbox" name="DT" value="ON" /Жастольные компьютеры 
<input type=" checkbox" name="LT" value="ON" />Портативные компьютеры 
<input type="checkbox" name="PDA" value="ON" />PDA 
<input type="checkbox" name="Prtr" value="ON" />Принтеры 
<input type="checkbox" name="Mon" value="ON" />Мониторы</р> 
<р>Можем ли мы передавать ваш адрес электронной почты другим 
посетителям? 
<input type= "radio" value="Yes" name=" Share Email" />Да 
<input type="radio" value="No" checked="checked" name="ShareEmail" /> 
Нет</р> 
<p>[Кнопки RESET и SUMBIT формы]</p> 
</form>
• '• Файл .|pasKO &ид Избранное С^реис .прайкв 
j] http.//html-webdes(gn/ChapterO3/Fjgure03-07.ht 
Имя: ! Фамилия: | 
Сообщение: 
Области интересов: 
Операционные системы: Г Windows 98 Г Windows XP Г Windows NT 
Оборудование: Г Настольные компьютеры Г Портативные компьютеры Г PDA 
Г Принтеры Г Мониторы 
Можем ли мы передавать ваш адрес электронной почты другим посетителям? <~ Да « 
Нет 
[Кнопки RESET и SUMBIT формы] 
Рис. 3.8. Форма с переключателями Да и Нет

Глава3.HTML-формы 143 
Как и в случае с другими элементами формы, текстовые надписи перед и/или 
после переключателей на форме не являются частью HTML-кода элемента. Деск- 
риптор <input> для переключателя может содержать следующие атрибуты: 
type. Устанавливает тип "radio", который указывает Web-браузеру, что 
данный элемент формы является переключателем. 
• id. Служит для присвоения переключателю уникального имени. Значение 
атрибута id можно использовать для работы с состоянием переключателя в 
сценарии, внедренном на Web-страницу. 
• name. Используется для идентификации группы переключателей. При пе- 
редаче результатов формы Web-серверу после нажатия посетителем кнопки 
Submit Web-браузер будет передавать имя группы переключателей и значе- 
ние установленного переключателя в виде пары имя/значение. Если посе- 
титель сайта не установил ни один переключатель в группе переключате- 
лей (определяемой именем группы), при передаче результатов формы 
Web-серверу браузер не будет передавать для данной группы пару имя/зна- 
чение. 
• value. Строка, которая будет передаваться Web-серверу в качестве части 
"значение" пары имя/значение, если посетитель установил переключатель. 
Web-браузер при нажатии кнопки Submit передает серверу только значения 
атрибутов name и value (т.е. пару имя/значение) для каждой группы пере- 
ключателей. 
checked. Включая атрибут checked в дескриптор <input> для переключа- 
теля, вы указываете Web-браузеру при визуализации формы (и при нажа- 
тии кнопки Reset) изображать переключатель выбранным. В приведенном 
примере третья с конца строка кода указывает, что в группе переключате- 
лей shareEmaii по умолчанию должен быть установлен переключатель No. 
В приведенном примере дескрипторы <input> со значениями атрибутов type, 
равными "radio", заставляют Web-браузер поместить в нижнюю часть формы 
ExampieForm два переключателя, объединенные в группу ShareEmaii. Браузер га- 
рантирует, что посетитель может выбрать только один из двух пере</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.76.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="78"> из 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.78.html"><img border="0" src="/tpl/r.gif" alt="<<-"></a></td></tr></table>	

</body>

</html>