Tag input

Tag input kreira različite elemente HTML forme: obično polje za unos, polje za unos lozinke, checkbox (čekboks), radio dugmad (radio), dugme.

Tag input mora da se nalazi unutar taga form. Ovo nije obavezno, neophodno je za slanje podataka na server i njihovu naknadnu obradu preko PHP.

Ne zahteva zatvarajući tag.

Atributi

Atribut	Opis
type	Definiše tip polja za unos. Opcije pogledajte ispod.
value	Podrazumevana vrednost u polju za unos. U slučaju dugmeta definiše njegov tekst. Više detalja pogledajte atribut value.
placeholder	Pomoć u polju za unos, više detalja pogledajte atribut placeholder.
name	Ime polja za unos. Potrebno je da bi se podaci polja za unos dobili u PHP. Za korektan rad forme, imena polja za unos ne smeju da se poklapaju jedno s drugim (u istoj formi). Ako se poklapaju - u PHP će stići podaci onog polja za unos, koje je niže u HTML kodu.
disabled	Blokira element forme (ne samo input, već praktično bilo koji), više detalja pogledajte atribut disabled.

Vrednosti atributa type

Vrednost	Opis
text	Kreira obično tekstualno polje za unos.
password	Kreira tekstualno polje za unos za lozinku. Pokušajte da ukucate tekst u njega - prikazaće se kao zvezdice.
checkbox	Kreira checkbox (čekboks). Više detalja pogledajte checkbox.
radio	Kreira radio prekidač. Više detalja pogledajte radio.
hidden	Kreira skriveni input, koji neće biti vidljiv na ekranu, ali će slati podatke sadržane u atributu value na server.
button	Kreira dugme. Pritisak na ovo dugme neće slati formu na server. Ono može biti korišćeno unutar linka ili preko JavaScript. Podrazumevano dugme nema tekst (primer dugmeta bez teksta: ), on se definiše pomoću value. Pogledajte takođe tag button, koji takođe pravi dugme.
submit	Kreira dugme, koje će slati podatke na server. Tekst dugmeta zavisi od pregledača, može se promeniti pomoću value. Pogledajte takođe tag button, koji takođe pravi dugme.
reset	Kreira dugme, koje čisti popunjenu formu. Tekst dugmeta zavisi od pregledača, može se promeniti pomoću value.
file	Kreira dugme za izbor fajla. Dizajn ovog dugmeta je zabranjeno menjati preko CSS (međutim, postoje lukavi načini). Ako vam je potrebno takvo polje u formi, onda tag form mora da ima atribut enctype u vrednosti multipart/form-data.

Nove vrednosti atributa type u HTML5

Ove vrednosti atributa su nove, pojavile su se samo u HTML5, stoga u nekim pregledačima mogu da ne rade ili da rade različito u različitim pregledačima.

U slučaju da pregledač ne može da razume sadržaj atributa type (na primer, ako nije podržano ili je pogrešno uneto), on će smatrati element običnim tekstualnim inputom, kao da u type stoji vrednost text.

Pogledajte donje primere u različitim pregledačima. Pokušajte da unesete u inpute tekst i pritisnete dugme za slanje. Ako je tekst nekorektan ili polje prazno - pregledač će prikazati grešku. Na primer, ako u polju sa tipom email ukucate nekorektan email - pregledač neće dati da se pošalje forma i prikazaće poruku o grešci (tekst greške i njen izgled na html css ne može se menjati). Ako je polje prazno - pregledač će takođe prikazati grešku, ovo se postiže pomoću atributa required:

Vrednost	Opis
email
number
url
tel
search
color
date
month
week
datetime
datetime-local
range

Pogledajte takođe