Sadržaj
Već u prvom dijelu ovog vodiča definirali smo atribute s kojima možemo raditi, vidjeli smo da imamo neke nove za HTML5 i drugi koji to nisu, međutim kada je u pitanju izgradnja čvrstih polja koja nam pomažu u bitnim procesima web stranice, tada će nam kombinacija ovih i pravilna upotreba svakog od njih pomoći prikupiti najbolje moguće moguće podatke.Postavljanje veličine polja
Kao što smo vidjeli, imamo dva atributa koji izravno utječu na veličinu polja, a to su veličina Y maksimalna dužina, jedan regulira vizualnu amplitudu polja, a drugi količinu teksta koji polje zapravo može primiti.
Pogledajmo primjer korištenja oba atributa:
PrimjerJam:
Grad:
Voće:
Predaj glasovanje
U ovom primjeru vidimo kako je navedeno prvo polje a maksimalna dužinaSamo ovim poručujemo pregledniku da može prihvatiti samo 10 znakova, međutim može dodijeliti zadanu širinu, u drugom polju navodimo veličina S onim što mu govorimo koliko bi trebao biti širok, međutim ne ograničavamo unos teksta i u trećem primjenjujemo oba uvjeta, da vidimo kako to funkcionira u pregledniku.
Nakon što smo vidjeli razliku između ova dva polja, u ovom primjeru ćemo učinkovito pokazati kako ih primijeniti na obrazac, da vidimo kako ih koristiti u sljedećem kodu.
PrimjerJam:
Grad:
Voće:
Predaj glasovanje
Kao što možemo vidjeti u prva dva polja, rezervirano mjesto označava pomoć za ono što korisnik mora unijeti, ova vrijednost koju rezervirano mjesto sadrži nije vrijednost polja za unos, pa ako pošaljemo ova polja, ona će stići prazna, umjesto treće polje Ima nešto već postavljeno u atributu vrijednosti, ovo ako bi se proslijedilo prilikom podnošenja navedenog obrasca.
Pogledajmo kako bi nam to preglednik pokazao
Ponekad moramo raditi s poljima samo za čitanje, jer vrijednost ne bi trebao mijenjati korisnik ili je samo informativna. Može se dogoditi i da je to rezultat prethodnog filtriranja od strane korisnika i da se može vidjeti samo ta vrijednost, za to imamo dvije mogućnosti koje, iako se čine istim, potpuno su različite.
Atribut smo već vidjeli samo za čitanje i znamo da je tako da se polje ne može mijenjati, imamo i atribut onemogućeno, obavlja istu funkciju kao samo za čitanje, međutim kada to radite podnijeti Sva polja onemogućeno nisu dostavljeni pa kao da ne postoji u obrascu.
Pogledajmo gore objašnjeno na praktičnom primjeru.
PrimjerJam:
Grad:
Voće:
Predaj glasovanje
Možemo vidjeti da je prvo polje onemogućeno, a drugo samo za čitanje, kada je onemogućeno prikazano u pregledniku, pojavljuje se sivom bojom, obično povezanom s onemogućavanjem, dok se samo za čitanje vidi kao normalno polje, iako ako pokušamo da bismo pisali bilo kome, nitko nam neće dopustiti da unesemo tekst.
Pogledajmo kakav je primjer:
