Комбинирование форм и таблиц

Использование таблиц при создании форм является весьма эффективным средством для выравнивания полей ввода и информации.

Приведем пример оформления переключателей и кнопок в ячейках таблицы (рис. 6.7). Ниже указан HTML-код и его отображение (рис. 6.8).

Рис. 6.7. Оформление элементов управления

Рис. 6.8. Совместное использование таблиц

и элементов управления

< HTML>

< HEAD>

< TITLE> Использование списка< /TITLE>

< /HEAD>

< BODY>

< FORM ACTION=" https://www.earthwed.com/cgi-bin/s97r"

METHOD=" post" ENCTYPE=" text/plain" >

< TABLE border=" 1" cellspadding=" 10" cellspacing=" 0"

bgcolor=" #dfd9bb" >

< TR>

< TD COLSPAN=" 3" >

Ваша оценка сайта.

< /TD>

< /TR>

< TR>

< TD> < INPUT TYPE=" radio" NAME=" ocenka"

VALUE=" super" > отличная

< /TD>

< TD> < INPUT TYPE=" radio" NAME=" ocenka"

VALUE=" good" > хорошая

< /TD>

< TD> < INPUT TYPE=" radio" NAME=" ocenka"

VALUE=" bad" > плохая < /TD>

< /TR>

< TR>

< TD COLSPAN=" 3" >

< INPUT TYPE=" submit " NAME=" vote" VALUE=" голосовать" >

< /TD>

< /TR>

< /TABLE>

< /FORM>

< /BODY>

< /HTML>

* * *

В теоретической части главы было дано понятие формы и возможность ее создания при использовании тега < FORM >. Форма позволяет разработчикам сайта интерактивно взаимодействовать с посетителями своих страниц. Были рассмотрены элементы управления, при помощи которых и происходит это взаимодействие. Для размещения элементов управления использовались специальные теги < INPUT>, < SELECT >, < TEXTAREA> с их основными атрибутами.