Тег input
Тег input креира различите елементе
HTML форме: обично поље уноса, поље за
унос лозинке, потврдни квадратић checkbox (чекбокс),
радио дугмад (radio), дугме.
Тег input мора бити унутар тега
form.
То није обавезно, али је неопходно за слање
података на сервер и њихову даљу обраду
преко PHP-а.
Не захтева затварајући тег.
Атрибути
| Атрибут | Опис |
|---|---|
type |
Одређује тип поља уноса. Варијанте погледајте испод. |
value |
Подразумевана вредност у пољу уноса. У случају дугмета одређује његов текст.
Детаљније погледајте атрибут value.
|
placeholder |
Савет у пољу уноса, детаљније погледајте
атрибут placeholder.
|
name |
Име поља уноса. Потребно је да би се подаци поља уноса могли преузети у PHP-у. За исправан рад форме имена поља уноса не смеју се поклапати једно са другим (у једној форми). Ако се поклапају - у PHP ће стићи подаци оног поља уноса које је ниже у HTML коду. |
disabled |
Блокира елемент форме (не само input, већ готово било који),
детаљније погледајте атрибут disabled.
|
Вредности атрибута type
| Вредност | Опис |
|---|---|
text |
Креира обично текстуално поље уноса. |
password |
Креира текстуално поље уноса за лозинку. Покушајте да укуцате текст у њега - приказаће се звездицама. |
checkbox |
Креира потврдни квадратић чекбокс.
Детаљније погледајте checkbox.
|
radio |
Креира радио прекидач.
Детаљније погледајте radio.
|
hidden |
Креира скривено input поље, које неће бити видљиво на екрану, али ће слати податке садржане
у атрибуту value на сервер.
|
button |
Креира дугме. Притисак на ово дугме
неће послати форму на сервер. Може се користити унутар
линка или преко JavaScript-а.
Подразумевано дугме нема текст (пример дугмета без текста: ),
он се одређује помоћу value.
Погледајте такође тег button,
који такође прави дугме.
|
submit |
Креира дугме које ће слати податке на сервер.
Текст дугмета зависи од прегледача, може се променити
помоћу value.
Погледајте такође тег button,
који такође прави дугме.
|
reset |
Креира дугме које чисти попуњену форму.
Текст дугмета зависи од прегледача, може се променити
помоћу value.
|
file |
Креира дугме за избор датотеке. Дизајн овог дугмета није дозвољено мењати
преко CSS-а (међутим, постоје лукави начини). Ако вам је потребно такво поље у форми, онда
тег form мора имати атрибут
enctype са вредношћу multipart/form-data.
|
Нове у HTML5 вредности атрибута type
Ове вредности атрибута су нове, појавиле су се тек у HTML5, па у неким прегледачима могу да не раде или да раде различито у различитим прегледачима.
У случају да прегледач не може да разуме садржај
атрибута type (на пример, ако је
неподржан или грешком унет),
он ће елемент сматрати обичним текстуалним
input-ом, као да у type стоји вредност
text.
Погледајте доле наведене примере у
различитим прегледачима. Покушајте да уносите
текст у input поља и да притиснете на дугме за слање.
Ако је текст неисправан или поље празно -
прегледач ће показати грешку. На пример, ако у
поље са типом email укуцате неисправну
email адресу - прегледач неће дозволити слање форме и
приказаће поруку о грешци (текст грешке
и њен изглед се не могу мењати путем html css-а).
Ако је поље празно - прегледач ће такође показати грешку,
што се постиже уз помоћ атрибута required:
| Вредност | Опис |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |
