You are on page 1of 31

 Формулар претставува збир од графички

елементи кои овозможуваат на корисникот


одредени податоци да ги прати кон сервер
 Понатаму тие податоци на сервер се
анализираат,снимаат и ажурираат
 Елементи во рамки на еден формулар
можат да се групираат како:текстуални
полиња,радио тастери,чек полиња,паѓачки
листи итн

Уредување на веб страници 2


 Формуларот во HTML код се дефинира со
тагот <form> </form>
 Во рамките на тој таг се дефинираат
посебните елементи на формуларот
 Атрибути на тагот <form> се:
- action
-method
-id
-Enctype

Уредување на веб страници 3


 action – URL адреса на страната кон која се
испраќаат податоците
 method – начин на испраќање на
податоци(post: испраќање на скриени
податоци од корисникот, get:јавно
испраќање на податоци како дел од
адресата)
 Id – идентификатор на формуларот
 Enctype – начин на кодирање при
испраќање

Уредување на веб страници 4


 Таг за најголем број од елементите во
формуларот е <input>
 Тагот <input> не се затвара
 За да елементите се разликуваат помеѓу
себе се користи атрибут type
 Други атрибути кои се користат во
формуларот покрај type се:
 Id,name,size,maxlength,disabled,checked,
value.

Уредување на веб страници 5


 Прв тип на текстуално поле е type=“text”
 Втор тип на текстуално поле е
type=“password”(содржината се прикажува
со ѕвезди или точки во зависност од
експлорерот)
 Трет тип на текстуално поле е type=“file”(се
користи за селекција на фајл од компјутер)
 Четврти тип на текстуално поле е
type=“hidden”(содржината не се прикажува
на корисникот)

Уредување на веб страници 6


 Петти тип на текстуално поле е посебен таг
<textarea></textarea>(текстуално поле за
текст во повеќе редови)

Уредување на веб страници 7


 Id- не се прикажува на корисникот и служи
на виши програмски јазици
 name - не се прикажува на корисникот и
служи на виши програмски јазици
 value – иницијална вредност на содржината
на полето која може да се менува
 maxlength- максимална должина на
содржина која може да се внесе во полето
 size – должина на текстуалното поле која се
прикажува на корисникот

Уредување на веб страници 8


Уредување на веб страници 9
Уредување на веб страници 10
Уредување на веб страници 11
Уредување на веб страници 12
Уредување на веб страници 13
 Се активираат со клик од глувче
 Со изборот на еден тастер другите се
деселектираат
 Само еден тастер во групата може да биде
селектиран
 Радио тастер се креира со таг <input> и
атрибут radio

Уредување на веб страници 14


 тype – дефинирање на радио тастер
 checked – иницијално е селектиран
 name – дефинира група од радио тастери
 Id – идентификатор различен за секој од
тастерите

Уредување на веб страници 15


 Чек полиња се елементи од формуларот
кои слично на радио тастерите се
селектираат со клик од глувче
 Кај чек полиња за разлика од радио
тастерите можат да се селектираат
произволен број на полиња
 Затоа не се групираат во група туку секое
поле си има посебно name и id

Уредување на веб страници 16


Уредување на веб страници 17
 Паѓачка листа е збир од ставки обединети
во една целина
 Од таа целина може да се одбере само
една од ставките
 Со атрибутот multiple може да се овозможи
избор на повеќе ставки истовремено
 Секоја поединечна ставка се креира со
тагот
<option> а групирањето во целина се
прави со тагот <select>

Уредување на веб страници 18


 size- број на иницијално видливи опции
 Id,name- идентификатор и име како
податоци потребни на сервер
 multiple- овозможување на избор на повеќе
ставки истовремено
 selected- иницијално видлива вредност
 value – вредност како податок за серверот

Уредување на веб страници 19


Уредување на веб страници 20
 Посебен облик на прикажување на паѓачка
листа е со примена на тагот <optgroup>
 Со користење на овој таг се групираат
елементите внатре во паѓачката листа
 Тагот <optgroup> најчесто е придружуван
со атрибутот label за да се креираат
поднаслови после кои следуваат
елементите во листата

Уредување на веб страници 21


 Тастер од типот submit- со клик на него
сите податоци од формуларот се испраќаат
на страницата дефинирана со атрибутот
action
 Тастер од типот reset- со клик на него сите
полиња во формуларот се враќаат во
иницијалната состојба(се брише се што е
внесено претходно)

Уредување на веб страници 22


Уредување на веб страници 23
Уредување на веб страници 24
Уредување на веб страници 25
Уредување на веб страници 26
Уредување на веб страници 27
Уредување на веб страници 28
Уредување на веб страници 29
Уредување на веб страници 30
Проф.Ставревски Ненад
19.11.2019

Уредување на веб страници 31

You might also like