Пример 11.4. Атрибуты таблиц

<TABLE BORDER>

<CAPTION ALIGN=top>Лучшие бейсбольные нападающие 1997 года - пример использования COLSPAN</CAPTION>

<TR>

<TH COLSPAN=2>Личная информация</TH>

<TH COLSPAN=3>Статистика</TH>

</TR>

<TR>

<TH>Имя</TH>

<TH>Команда</TH>

<TH>Победы/ поражения</TH>

<TH>Очки</TH>

<TH>Ауты</TH>

</TR>

<TR>

<TD>Пит Шурек</TD>

<TD>Цинциннати</TD>

<TD>16-2</TD>

<TD>2,73</TD>

<TD>194</TD>

</TR>

<TR>

<TD>Гидео Немо</TD>

<TD>Лос-Анджелес</TD>

<TD>19-8</TD>

<TD>2,94</TD>

<TD>399</TD>

</TR>

<TR>

<TD>Грег Энгриус</TD>

<TD>Атланта</TD>

<TD>24-6</TD>

<TD>2,21</TD>

<TD>275</TD>

</TR>

</TABLE>

 

Формы.

Пример 12. Формы

<form action="feedback.php" method="post">

<Table border=0>

<TR>

<TD>

Имя: </TD><TD>

<input type="text" size="25" name="name"></TD>

<TR><TD>

E-mail: </TD>

<TD>

<input type="text" size="25" name="email"></TD>

<TR>

<TD>Товар

</TD>

<TD>

<input type="radio" name="item" value="it1" checked>Кепка

<input type="radio" name="item" value="it2" checked>Майка

</TD>

<TR>

<TD>Цвет</td>

<TD>

<select name="color">

<option value="orange">Оранжевый</option>

<option value="orange">Красный</option>

<option value="orange">Зеленый</option></TD>

<TR>

<TD>

Дополнительная информация:</TD>

<TD>

<textarea cols="20" rows="4" name="txt"></textarea></TD>

<TR>

<TD colspan=2 align=right>

<input type="submit" value="Послать"></TD>

</table>

</form>

Основным управляющим элементом является <output> Атрибут value задает начальное значение поля, а атрибут size - ширину поля на экране.

Атрибут type определяет тип элемента:

− Text - стандартное текстовое поле;

− Password - текстовое поле для ввода пароля;

− Checkbox - переключатель с двумя значениями;

− Radio - переключатель для выбора нескольких вариантов;

− Submit - кнопка по нажатию которой содержимое отправляется на сервер;

− Image - кнопка-рисунок;

<form name="form1" method="post" action="">
<input name="imageField" type="image" src="block.gif" height="289" border="0">
</form>

− Button - кнопка которой присваивается действие.

Тег < textarea > создает текстовое поле для нескольких строк ввода. Его атрибуты:

− rows - определяет количество строк;

− cols - определяет ширину поля;

Элемент <select> помогает создавать раскрывающийся список из нескольких пунктов.