U HTML-u je važan element HTML forme. Atribut 'type' ulaznog elementa može biti različitih tipova, što definira informacijsko polje. Kao što daje tekstualni okvir.

Slijedi popis svih vrsta elemenata HTML-a.

HTML5 je dodao nove vrste na element. Slijedi popis vrsta elemenata HTML5

Slijedi opis tipova elemenata s primjerima.

1. :

element tipa 'tekst' koristi se za definiranje tekstualnog polja za unos u jednom retku.

Primjer:

 Enter first name <br> <br> Enter last name <br> <br> <p> <strong>Note:</strong> The default maximum cahracter lenght is 20.</p> 

Izlaz:

Vrsta unosa 'tekst':

The 'tekst' polje definira tekstualno polje za unos jednog retka.

Bilješka: Zadana maksimalna duljina karaktera je 20.

2. :

Element tipa 'password' korisniku omogućuje siguran unos lozinke na web stranici. Uneseni tekst u polje zaporke pretvara se u '*' ili '.', tako da ga drugi korisnik ne može pročitati.

Primjer:

 Enter User name <br> <br> Enter Password <br> <br> <br> 

Izlaz:

Unesite vrstu 'lozinke':

The 'lozinka' polje definira polje za unos lozinke u jednom redu za siguran unos lozinke.

3. :

Element tipa 'submit' definira gumb za slanje za slanje obrasca na poslužitelj kada se dogodi događaj 'klik'.

Primjer:

 Enter User name <br> <br> Enter Password <br> <br> <br> 

Izlaz:

Vrsta unosa 'pošalji':

Nakon klika na gumb za slanje, ovo će poslati obrazac na poslužitelj i preusmjeriti stranicu na akcijski vrijednost. O atributu 'radnje' naučit ćemo u kasnijim poglavljima

4. :

Vrsta 'poništavanje' također je definirana kao gumb, ali kada korisnik izvede događaj klika, on prema zadanim postavkama poništava sve unesene vrijednosti.

Primjer:

 User id: Password: <br> <br> 

Izlaz:

null provjera u Javi

Vrsta unosa 'poništavanje':

Pokušajte promijeniti ulazne vrijednosti korisničkog ID-a i lozinke, a zatim kada kliknete na resetiranje, vratit će se polja za unos na zadane vrijednosti.

5. :

Tip 'radio' definira radio gumbe koji omogućuju odabir opcije između niza povezanih opcija. Istovremeno se može odabrati samo jedna opcija radio gumba.

Primjer:

Ljubazno odaberite svoju omiljenu boju

Izlaz:

Vrsta unosa 'radio'.

Ljubazno odaberite svoju omiljenu boju

6. :

Tip 'potvrdni okvir' prikazan je kao kvadratni okvir koji se može označiti ili poništiti za odabir izbora iz danih opcija.

Napomena: 'radio' gumbi slični su potvrdnim okvirima, ali postoji važna razlika između obje vrste: radio gumbi omogućuju korisniku da odabere samo jednu opciju u isto vrijeme, dok potvrdni okvir omogućuje korisniku da odabere nula do više opcija u isto vrijeme .

Primjer:

 Enter your Name: <p>Kindly Select your favourite sports</p> Cricket <br> Tennis <br> Football <br> Baseball <br> Badminton <br> <br> 

Izlaz:

Unesite vrstu 'potvrdnog okvira'

Upisnica

Ljubazno odaberite svoje omiljene sportove

7. :

Tip 'button' definira jednostavan gumb koji se može programirati za funkcionalnu kontrolu nad bilo kojim događajem kao što je događaj klika.

Napomena: uglavnom radi s JavaScriptom.

Primjer:

Izlaz:

Vrsta unosa 'gumb'.

Pritisnite gumb da vidite rezultat:

Napomena: U gornjem primjeru koristili smo 'upozorenje' JS-a, što ćete naučiti u našem vodiču za JS. Koristi se za prikazivanje skočnog prozora.

8. :

Element tipa 'file' koristi se za odabir jedne ili više datoteka iz pohrane korisničkog uređaja. Nakon što odaberete datoteku i nakon slanja, ova se datoteka može učitati na poslužitelj uz pomoć JS koda i API-ja za datoteke.

Primjer:

 Select file to upload: 

Izlaz:

Unesite vrstu 'datoteke'.

Možemo odabrati bilo koju vrstu datoteke dok je ne odredimo! Odabrana datoteka pojavit će se pokraj opcije 'odaberi datoteku'

9. :

Tip 'image' koristi se za predstavljanje gumba za slanje u obliku slike.

Primjer:

 <h2>Input &apos;image&apos; type.</h2> <p>We can create an image as submit button</p> User id: <br> <br> <br> 

HTML5 novododani element vrsta

1. :

Tip 'color' koristi se za definiranje polja za unos koje sadrži boju. Omogućuje korisniku da odredi boju pomoću vizualnog sučelja boja u pregledniku.

Napomena: Vrsta 'boja' podržava samo vrijednost boje u heksadecimalnom formatu, a zadana vrijednost je #000000 (crna).

Primjer:

 Pick your Favorite color: <br> <br> Upclick <br> <br> Downclick 

Izlaz:

Vrste unosa 'boja':

Bilješka: Zadana vrijednost tipa 'boja' je #000000 (crna). Podržava samo vrijednost boje u heksadecimalnom formatu.

alter dodati stupac proročište

2. :

Element tipa 'datum' generira polje za unos koje korisniku omogućuje unos datuma u zadanom formatu. Korisnik može unijeti datum putem tekstualnog polja ili sučelja za odabir datuma.

Primjer:

 Select Start and End Date: <br> <br> Start date: <br> <br> End date: <br> <br> 

Izlaz:

Unesite tip 'datum'

3. :

Element tipa 'datetime-local' stvara polje za unos koje korisniku omogućuje odabir datuma kao i lokalnog vremena u satu i minuti bez informacija o vremenskoj zoni.

Primjer:

 Select the meeting schedule: <br> <br> Select date &amp; time: <br> <br> 

Izlaz:

Unesite vrstu 'datum-vrijeme-lokalno'.

4. :

Vrsta 'e-mail' stvara polje za unos koje korisniku omogućuje unos adrese e-pošte s provjerom uzorka. Višestruki atributi omogućuju korisniku unos više od jedne adrese e-pošte.

Primjer:

 <b>Enter your Email-address</b> <p> <strong>Note:</strong> User can also enter multiple email addresses separating by comma or whitespace as following: </p> <b>Enter multiple Email-addresses</b> 

Izlaz:

Unesite vrstu 'e-pošte'

Bilješka: Korisnik također može unijeti više adresa e-pošte odvajajući ih zarezom ili razmakom na sljedeći način:

5. :

Tip 'mjesec' stvara polje za unos koje korisniku omogućuje jednostavan unos mjeseca i godine u formatu 'MM, GGGG' gdje MM definira vrijednost mjeseca, a GGGG vrijednost godine. Novi

Primjer:

 Enter your Birth Month-year: 

Izlaz:

Vrsta unosa 'mjesec':

6. :

Broj tipa elementa stvara polje za unos koje korisniku omogućuje unos numeričke vrijednosti. Također možete ograničiti unos minimalne i maksimalne vrijednosti pomoću atributa min i max.

Primjer:

 Enter your age: 

Izlaz:

Unesite tip 'broj'

Bilješka: Omogućit će unos broja u rasponu od 50-80. Ako želite unijeti broj koji nije raspon, prikazat će se pogreška.

7. :

Element tipa 'url' stvara polje za unos koje korisniku omogućuje unos URL-a.

Primjer:

 Enter your website URL: <br> 

Izlaz:

Unesite vrstu 'url'

8. :

Tip tjedan stvara polje za unos koje korisniku omogućuje odabir tjedna i godine iz padajućeg kalendara bez vremenske zone.

Primjer:

 <b>Select your best week of year:</b> <br> <br> 

Izlaz:

Unesite tip 'tjedan'

9. :

Tip 'search' stvara polje za unos koje korisniku omogućuje unos niza za pretraživanje. Oni su funkcionalno simetrični vrsti unosa teksta, ali mogu biti drugačije stilizirani.

Primjer:

 Search here: 

Izlaz:

Unesite tip 'traži'

10. :

Element tipa ?tel? stvara polje za unos za unos telefonskog broja. Vrsta 'tel' nema zadanu provjeru valjanosti kao što je e-pošta, jer uzorak telefonskog broja može varirati diljem svijeta.

Primjer:

 <b>Enter your Telephone Number(in format of xxx-xxx-xxxx):</b> <br> <br> 

Izlaz:

Unesite tip 'tel'

Bilješka: Ovdje koristimo dva atributa koji su 'pattern' i 'required' koji će omogućiti korisniku da unese broj u zadanom formatu i potrebno je unijeti broj u polje za unos.

char i int java