Главная » Мастерская » Статьи » ФОРМЫ (HTML Уроки)

Формы (HTML Уроки) - урок № 3

Прежде, чем продолжить, есть еще один аспект, который мы хотим упомянуть. Вы можете использовать изображения в форме. Фактически, Вы можете использовать что - то в форме или форму в чем - нибудь. Только соблюдайте html синтаксис и избегайте наложения меток.

 

Вопросник по Президентам США


RepDem
 

RepDem
 

RepDem
 

RepDem
 

RepDem
 

RepDem
 

RepDem

RepDem

RepDem

RepDem

RepDem

RepDem

 

ответы здесь , если они вам необходимы.

Иллюстрация перекрытия меток

   <TABLE><FORM></TABLE></FORM>    Перекрытие меток....плохо
   <TABLE><FORM></FORM></TABLE>    Вложенные метки.... хорошо


Следующий тип ввода - Pull Down List - Падающий список. С этим типом Вы используете <SELECT> вместо <INPUT> и есть и заключительная метка. Давайте запишем это.

<SELECT>
</SELECT>

 


Не забудьте дать имя.

<SELECT NAME="BEST FRIEND">
</SELECT>

 


Затем добавьте несколько опций - option.

<SELECT NAME="BEST FRIEND">
<OPTION>Ed
<OPTION>Rick
<OPTION>Tom
<OPTION>Guido
</SELECT>

 


И дайте каждой <OPTION> значения VALUE.

<SELECT NAME="BEST FRIEND">
<OPTION VALUE="Ed">Ed
<OPTION VALUE="Rick">Rick
<OPTION VALUE="Tom">Tom
<OPTION VALUE="Guido">Guido
</SELECT>

 

Заданная по умолчанию опция - та, которая перечислена первой.


Мы можем определить значение по умолчанию отличное от первой опции в списке.

<SELECT NAME="BEST FRIEND">
<OPTION VALUE="Ed">Ed
<OPTION VALUE="Rick">Rick
<OPTION VALUE="Tom" SELECTED>Tom
<OPTION VALUE="Guido">Guido
</SELECT>

 


Scrolling List - список с прокруткой очень похожая конструкции наPull Down List . Давайте добавим еще несколько имен.

<SELECT NAME="BEST FRIEND">
<OPTION VALUE="Ed">Ed
<OPTION VALUE="Rick">Rick
<OPTION VALUE="Tom">Tom
<OPTION VALUE="Guido">Guido
<OPTION VALUE="Horace">Horace
<OPTION VALUE="Reggie">Reggie
<OPTION VALUE="Myron">Myron
</SELECT>

 


Все, что мы должны сделать - добавить атрибут SIZE в метку <SELECT>.

<SELECT NAME="BEST FRIEND" SIZE=4>
<OPTION VALUE="Ed">Ed
<OPTION VALUE="Rick">Rick
<OPTION VALUE="Tom">Tom
<OPTION VALUE="Guido">Guido
<OPTION VALUE="Horace">Horace
<OPTION VALUE="Reggie">Reggie
<OPTION VALUE="Myron">Myron
</SELECT>

 

SIZE - просто указывает, сколько параметров показываются в окне.


Снова, значение по умолчанию - первая <OPTION>, и снова мы можем изменять его, выбирая другой.

<SELECT NAME="BEST FRIEND" SIZE=4>
<OPTION VALUE="Ed">Ed
<OPTION VALUE="Rick">Rick
<OPTION VALUE="Tom" SELECTED>Tom
<OPTION VALUE="Guido">Guido
<OPTION VALUE="Horace">Horace
<OPTION VALUE="Reggie">Reggie
<OPTION VALUE="Myron">Myron
</SELECT>

 

I have no idea why you would use the selection feature for a Scrolling List but it's there and I just felt the need to tell you about it.


Очень полезный тип ввода <TEXTAREA>.

<TEXTAREA NAME="COMMENTS">
</TEXTAREA>

 


Вы управляете размером блока подобно этому ...

<TEXTAREA NAME="COMMENTS" ROWS=6 COLS=50>
</TEXTAREA>

 

ROWS - высота, COLS - ширина.


 



Хороший атрибут для включения в <TEXTAREA> - WRAP. Некоторые браузеры не понимают этот атрибут, но если он есть, они только игнорируют его.

Наберите ...

<TEXTAREA NAME="COMMENTS" ROWS=3 COLS=30 WRAP=VIRTUAL>
</TEXTAREA>

 

WRAP=VIRTUAL способ, которым текст в блоке оборачивается, но он посылается как одна длинная непрерывная строка.


<TEXTAREA NAME="COMMENTS" ROWS=3 COLS=30 WRAP=PHYSICAL>
</TEXTAREA>

 

WRAP=PHYSICAL способ, который текст в блоке оборачивается, и он послан тем же способом.


<TEXTAREA NAME="COMMENTS" ROWS=3 COLS=30 WRAP=OFF>
</TEXTAREA>

 

Это - значение по умолчанию.
WRAP=OFF способ, который текст в блоке не обертывает, но он посылается точно способом, которым он набирался (подобно небольшому человеку в примере выше)..

[назад] [дальше]


Copyright ByWeb©
Hosted by uCoz