Tagu input

Tagu input krijon elementë të ndryshëm të formës HTML: fushë të zakonshme hyrjeje, fushë për fjalëkalim, checkbox (kutinë e përzgjedhjes), butona radio, buton.

Tagu input duhet të vendet brenda tagut form. Kjo nuk është e detyrueshme, por është e nevojshme për dërgimin e të dhënave në server dhe përpunimin e mëvonshëm të tyre nëpërmjet PHP.

Nuk kërkon tag mbyllës.

Atributet

Atributi	Përshkrimi
type	Përcakton llojin e fushës së hyrjes. Opsionet shih më poshtë.
value	Vlera e parazgjedhur në fushën e hyrjes. Në rastin e butonit, cakton tekstin e tij. Më shumë detaje shih atributin value.
placeholder	Këshillë në fushën e hyrjes, më shumë detaje shih atributin placeholder.
name	Emri i fushës së hyrjes. Nevojitet për të marrë të dhënat e fushës së hyrjes në PHP. Për funksionimin e saktë të formës, emrat e fushave të hyrjes nuk duhet të përputhen me njëri-tjetrin (në një formë). Nëse përputhen - në PHP do të arrijnë të dhënat asaj fushe hyrjeje që është më poshtë në kodin HTML.
disabled	Bllokon elementin e formës (jo vetëm input, por pothuajse çdo), më shumë detaje shih atributin disabled.

Vlerat e atributit type

Vlera	Përshkrimi
text	Krijon një fushë të zakonshme hyrjeje teksti.
password	Krijon një fushë hyrjeje teksti për fjalëkalim. Provoni të shkruani tekst në të - ai do të shfaqet si yje.
checkbox	Krijon një checkbox. Më shumë detaje shih checkbox.
radio	Krijon një buton radio. Më shumë detaje shih radio.
hidden	Krijon një input të fshehur, i cili nuk do të jetë i dukshëm në ekran, por do të dërgojë të dhënat që përmban në atributin value në server.
button	Krijon një buton. Shtypja e këtij butoni nuk do të dërgojë formën në server. Mund të përdoret brenda linkut ose nëpërmjet JavaScript. Si parazgjedhje, butoni nuk ka tekst (shembull butoni pa tekst: ), ai caktohet duke përdorur value. Shih gjithashtu tagun button, i cili gjithashtu krijon buton.
submit	Krijon një buton që do të dërgojë të dhënat në server. Teksti i butonit varet nga shfletuesi, ai mund të ndryshohet duke përdorur value. Shih gjithashtu tagun button, i cili gjithashtu krijon buton.
reset	Krijon një buton që pastron formën e plotësuar. Teksti i butonit varet nga shfletuesi, ai mund të ndryshohet duke përdorur value.
file	Krijon një buton për zgjedhjen e skedarëve. Dizajni i këtij butoni nuk lejohet të ndryshohet nëpërmjet CSS (megjithatë ka mënyra të zgjuara). Nëse keni nevojë për një fushë të tillë në formë, atëherë tagu form duhet të ketë atributin enctype me vlerën multipart/form-data.

Vlerat e reja në HTML5 për atributin type

Këto vlera të atributit janë të reja, u shfaqën vetëm në HTML5, prandaj në disa shfletues mund të mos funksionojnë ose të funksionojnë ndryshe në shfletues të ndryshëm.

Në rast se shfletuesi nuk mund ta kuptojë përmbajtjen e atributit type (për shembull, nëse nuk mbështetet ose është shkruar gabim), ai do ta konsiderojë elementin si një input tekstual të zakonshëm, sikur në type të ishte vlera text.

Shikoni shembujt e mëposhtëm në shfletues të ndryshëm. Provoni të shkruani në inputet tekst dhe të shtypni butonin e dërgimit. Nëse teksti është i pasaktë ose fusha është bosh - shfletuesi do të shfaqë një gabim. Për shembull, nëse në fushën me llojin email shkruhet një email i pasaktë - shfletuesi nuk do të lejojë dërgimin e formës dhe do të shfaqë një mesazh gabimi (teksti i gabimit dhe pamja e tij nuk mund të ndryshohet me html css). Nëse fusha është bosh - shfletuesi gjithashtu do të shfaqë gabim, kjo arrihet duke përdorur atributin required:

Vlera	Përshkrimi
email
number
url
tel
search
color
date
month
week
datetime
datetime-local
range

Shihni gjithashtu