23 Часть III. Современный HTML

<TDXINPUT TYPE="text"NAME="state"SIZE="2"X/TD><TDXINPUT TYPE="text"NAME="zip"SIZE="15"X/TDX/TR>

<TRXTD COLSPAN=6XHRX/TDX/TR>

<TRXTH ALIGN=LEFT COLSPAN=5>BUSINESS ADDRESS</THX/TR>

<TRXTD ALIGN=RIGHT>Name:</TD>

<TD COLSPAN=4XINPUT TYPE="text"NAME="name"SIZE="40"X/TD>

<TD ALIGN=CENTERXINPUT TYPE="radio"NAME="pref"VALUE="bus"X/TDX/TR>

<TRXTD ALIGN=RIGHT>Street Address :</TD>

<TD COLSPAN=4XINPUT TYPE="text"NAME="streetl"SIZE="40"X/TDX/TR><TRXTD ALIGN=RIGHT>City, State, Zip:</TD>

<TDXINPUT TYPE="text"NAME="city"SIZE="25"X/TDXTD>, </TD><TDXINPUT TYPE="text"NAME="state"SIZE="2"X/TD><TDXINPUT TYPE="text"NAME="zip"SIZE="15"X/TDX/TR></TABLE></FORM></BODY></HTML>

h02381.jpg

Рис. 11.28.Таблицы HTML позволяют комбинировать разные типы форм и логично располагать их на странице

И, наконец, давайте заменим переключатели кнопками отправки данных (листинг 11.27 и рис. 11.29). Это позволит пользователю, заполнившему адресные поля, указать предпочтительный адрес и одновременно с этим отправить данные на обработку. Определение атрибута NAME кнопки отправки (необязательного атрибута для кнопки этого типа)позволит ей выступить в роли переключателя.