23 Часть III. Современный HTML-Размещениена странице нескольких форм требует их визуального разделения. Для этого можно использовать тэг <HR>, создающий горизонтальные линии, или тэг <IMG>для включения узкого горизонтально расположенного изображения. В качестве примера на листинге 11.24 и рис. 11.26 приведено расположение на странице трех разных форм с разделительными линиями между ними.

<HTML>

<HEAD>

<TITLE>Form Layout and Design</TITLE>

</HEAD>

<BODY>

<Hl>Multiple Forms in a Document</Hl>

<FORM>

What size would you like?<BR>

<INPUT NAME="size"TYPE="radio"VALUE="SITI">:Small <INPUT NAME="size"TYPE="radio"VALUE="md">:Medium <INPUT NAME="size"TYPE="radio"VALUE="lg">:Large <INPUT NAME="size"TYPE="radio"VALUE="x">:X-Large <INPUT NAME="size"TYPE="radio"VALUE="xx">:XX-Larg <P>

<INPOT TYPE="submit"></FORM><HR><FORM>

<TABLE>

<TR><TD>Name:</TDXTD><INPUT TYPE="text"NAME="name"

SIZE="50"X/TDX/TR><TR><TD>E-Mail:</TDXTDXINPUT TYPE="text"NAME="email"

SIZE="50"X/TDX/TR><TRXTD>Street Address :</TDXTDXINPUT TYPE="text"

NAME="streetl"SIZE="30"X/TDX/TR><TRXTDX/TDXTDXINPUT TYPE="text"NAME="street2"

SIZE="30"X/TDX/TR><TRXTD>City:</TDXTDXINPUT TYPE="text"NAME="city"

SIZE="50"X/TDX/TR><TRXTD>State :</TDXTDXINPUT TYPE="text"NAME="state"

SIZE="2"X/TDX/TR>

<TRXTD>Zip:</TDXTDXINPUT TYPE="text"NAME="zip"SrZE="10"X/TDX/TR>