Формулярите могат да съдържат в себе си различни управляващи елементи (таговете между <FORM...>...</FORM>).
Освен това в една Web страница може да има повече от един формуляр (повече от една двойка тагове <FORM...>..........</FORM>).
С неконтейнерния таг <INPUT..> се създават различни управляващи елементи в зависимост от стойността на атрибута TYPE= в него.
В зависимост от типа на управляващия елемент в тага <INPUT ...> могат да се използват различни атрибути.
В табл.14.2 са посочени основните атрибути на тага <INPUT...>.
Атрибути |
Стойности |
Резултат от използване |
| NAME= | Символен низ | Задава име на управляващия елемент. Задължителен
атрибут, тъй като под това име се изпраща на Web сървъра информацията
за обработка. |
| TYPE= | text | Задава се едноредово текстово поле за въвеждане на
данни от текстов тип. |
| password | Както при стойност text, но въведените
символи на паролата се изобразяват в полето със символа " * ". |
|
| checkbox | Задава малко правоъгълно поле,
в което се прави или отменя избор. |
|
| radio | Задава малко кръгло поле за избор.
От няколко такива полета може да се избере само едно. |
|
| hidden | Стойността на полето е невидима
за потребителя, но е необходима на Web сървъра при обработка на данните
от формуляра. |
|
| file | Изпраща избран файл на Web сървъра. |
|
| submit | Бутон за изпращане на данните от
формуляра. |
|
| reset | Бутон за възстановяване първоначалните
стойности на елементите на формуляра |
|
| image | Дефиниране на бутон от програмиста.
Изображението, използвано вместо бутон, се задава с атрибут SRC= |
|
| button | Задава бутон с текст (текстът се
задава в стойността на атрибута VALUE=). |
|
| VALUE= | Зависи от типа на управляващия елемент | Задава първоначалната стойност на управляващия елемент
(задължителен атрибут). |
| SIZE= | Число | При стойност на атрибута TYPE=text или password-брой
на символите. При други управляващи елементи -ширина на елемента в пиксели. |
| MAXLENGTH= | Число | Максимална дължина (брой знаци) на въвежданите в
текстово поле знаци.Както при атрибута SIZE=. |
| CHECKED= | Няма стойност | Задава предварително активиране на управляващия елемент.
Използва се само при стойности checkbox и radio на атрибута TYPE=. |
| SRC= | URL- адрес | Задава изображение на дефиниран от програмиста бутон.
Използва се само при стойност imаgе на атрибута TYPE=. |
Атрибута TYPE= е задължителен защото определя типа на управляващия елемент.
При стойности на атрибута TYPE= checkbox или radio, като правило се задават няколко тага <INPUT...>, в които името (NAME=) е едно и също, но са различни стойностите на атрибута VALUE=. В този случай ще има няколко полета за избор.
С включване на атрибута CHECKED в съответния таг <INPUT...> ще се покаже като избрана стойността на атрибута VALUE= в този таг. При стойност radio може да се избере само една стойност.
Когато е необходимо да се създаде управляващ елемент от текстов тип с възможност за въвеждане на повече от един ред текст се използва контейнерния таг <TEXTAREA...>......<TEXTAREA>, а не таг<INPUT...>.
Атрибутите на тага <TEXTAREA...> са посочени в табл.14.3.
| Атрибути | Стойности |
Резултат от използване |
| NAME= | Символен низ | Идентификатор на текстовото поле, с който текстът
се изпраща на Web сървъра. |
| ROWS= | Число | Задава броя на видимите текстови редове в
полето. |
| COLS= | Число | Задава броя на колоните, определящи ширината на
текстовото поле. |
Ако въведеният текст е по-голям от зададените размери на текстовото поле се появяват ленти за превъртане.
Друг таг, който се използва между началния и крайния елемент на <FORM...> е тага <SELECT...>........</SELECT>. Той се използва за създаване на форма във вид на падащ списък от който се избира един или няколко обекта.
Обектите от падащия списък се задават със тага <OPTOIN....>........</OPTION>.
Общи вид на кода от Web страница, в която се използва таг <FORM...>....</FORM>
е следния:
........................................
<FORM...>
...............................
<IMPUT NAME="...." TYPE="......" VALUE="...">
<IMPUT NAME="...." TYPE="......" VALUE="...">
.....................................
<TEXTAREA...>.....</TEXTAREA>
.........................................
<SELECT>
< OPTION>........</ OPTION>
< OPTION>........</ OPTION>
< OPTION>........</ OPTION>
< OPTION>........</ OPTION>
</SELECT>
.....................................
</FORM>
........................................
Примери за форми:
В една Web страница могат да се използват един или няколко тага <FORM...>.
За всеки формуляр трябва да има най-малко еди бутон за изпращане на информацията.
Елементите на формата могат да се групират и подравняват за удобно ползване от посетителите на сайта.