Oznaka input

Oznaka input ustvari različne elemente HTML obrazca: običajno vnosno polje, polje za vnos gesla, potrditveno polje checkbox, radijski gumb (radio), gumb.

Oznaka input mora biti znotraj oznake form. To ni obvezno, je pa potrebno za pošiljanje podatkov na strežnik in njihovo nadaljnjo obdelavo prek PHP.

Ne zahteva zaključne oznake.

Atributi

Atribut	Opis
type	Določa tip vnosnega polja. Možnosti glej spodaj.
value	Privzeta vrednost v vnosnem polju. V primeru gumba določa njen tekst. Podrobneje glej atribut value.
placeholder	Namig v vnosnem polju, podrobneje glej atribut placeholder.
name	Ime vnosnega polja. Potrebno je, da dostopamo do podatkov vnosnega polja v PHP. Za pravilno delovanje obrazca se imena vnosnih polj ne smejo ujemati med seboj (v enem obrazcu). Če se ujemajo - v PHP bodo prišli podatki tistega vnosnega polja, ki je nižje v HTML kodi.
disabled	Blokira element obrazca (ne samo input, ampak skoraj vsak), podrobneje glej atribut disabled.

Vrednosti atributa type

Vrednost	Opis
text	Ustvari običajno besedilno vnosno polje.
password	Ustvari besedilno vnosno polje za geslo. Poskusite vnesti vanj besedilo - prikazalo se bo kot zvezdice.
checkbox	Ustvari potrditveno polje checkbox. Podrobneje glej checkbox.
radio	Ustvari radijski preklopnik. Podrobneje glej radio.
hidden	Ustvari skriti input, ki ne bo viden na zaslonu, vendar bo pošiljal podatke, ki jih vsebuje atribut value, na strežnik.
button	Ustvari gumb. Klik na ta gumb ne bo poslal obrazca na strežnik. Lahko se uporablja znotraj povezave ali prek JavaScript. Privzeto gumb nema teksta (primer gumba brez teksta: ), nastavi se s pomočjo value. Glej tudi oznako button, ki prav tako ustvari gumb.
submit	Ustvari gumb, ki bo poslal podatke na strežnik. Tekst gumba je odvisen od brskalnika, lahko ga spremenimo s pomočjo value. Glej tudi oznako button, ki prav tako ustvari gumb.
reset	Ustvari gumb, ki počisti izpolnjen obrazec. Tekst gumba je odvisen od brskalnika, lahko ga spremenimo s pomočjo value.
file	Ustvari gumb za izbor datoteke. Dizajn tega gumba ni dovoljeno spreminjati prek CSS (vendar obstajajo zvite metode). Če potrebujete takšno polje v obrazcu, potem mora oznaka form imeti atribut enctype z vrednostjo multipart/form-data.

Nove vrednosti atributa type v HTML5

Te vrednosti atributa so nove, pojavile so se šele v HTML5, zato v nekaterih brskalnikih morda ne delujejo ali delujejo različno v različnih brskalnikih.

V primeru, da brskalnik ne more razumeti vsebine atributa type (na primer, če ni podprta ali je napačno vnesena), bo element obravnaval kot običajno besedilno vnosno polje, kot da je v type nastavljena vrednost text.

Oglejte si spodnje primere v različnih brskalnikih. Poskusite vnesti besedilo v inpute in kliknite na gumb za pošiljanje. Če je besedilo napačno ali je polje prazno - bo brskalnik prikazal napako. Na primer, če v polje s tipom email vnesete napačen email - brskalnik ne bo dovolil pošiljanja obrazca in bo prikazal sporočilo o napaki (tekst napake in njen videz se ne more spreminjati prek html css). Če je polje prazno - bo brskalnik prav tako prikazal napako, to je doseženo s pomočjo atributa required:

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

Glej tudi