~·~·~, ------------------~
Слs•~"~~:~-.
r ~ f\ toundi•юt~ r ctf'wlting 11rm r- ottttr
Strн1addt~1
IWO<Jid pt'ffer lottct.,. lr~tJOn "',~
t' E~ot r Fu
s-..]
Sign Up for our E-Mail Newsletter
Fnlмmt
Yrtle-
O.vant:ltlon (" nor.pю& r foul\dlc\01'1 r t0fisu!1"'9 flrm Г' othtr
&tttlacsdl ...
С• у
Slt!t г
с .... оу .--------------------:
Upo-pott•ltoelt"
~1
v.. .. p._. <Г• )г-е~ г...
1Г1 г-----'
1 ~'О~ pttftlf IO I•Ct'Jft ~~011 'fl~
t'" ЬI'N!I (" Ft.t
,s.-J
Рис. 10.1.'Иногда элементы формы не очень хорошо комnонуются с текстом, это nриводит к тому,
Что они расnолагаются зигзагом (слева). Решением данной nроблемы может стать расnоложение
Ваших элементов в столбец (справа)
Таблицы, они хорошо приспосабливаются к расположению в формате столбцов
И строк. Просто расположите надписи (Имя, Номер телефона и т. д.) в одном столбце,
А поля ввода формы - в другом. Используя CSS, вы также можете создать
Форму с двумя столбцами, как на рис. 10.8 (как преимущества- меньше кода на
HTML). Рассмотрим простой вариант этого.
Помещайте каждую надпись в тег. Очевидным выбором для этого будет тег
<label>, так как он и был разработан для надписей. Но вы не можете всегда использовать
Только его. Рядом с переключателями обычно располагаются вопросы
типа «Какой ваш любимый цвет?~ , а между кнопками помещается тег <l аЬе l >.
