Përdorimi i Tagit të Inputit HTML dhe butonit të butonit në Formularë

Ju mund të krijoni butona teksti të përshtatshëm në HTML duke përdorur tagun . Elementi përdoret brenda një elementi .

Duke vendosur llojin e atributit në "buton", do të gjenerohet një buton i thjeshtë i klikueshëm. Ju mund të përcaktoni tekstin që do të shfaqet në butonin, të tilla si "Paraqitja", duke përdorur atributin e vlerës .

Për shembull:

Të jetë i vetëdijshëm se tag nuk do të paraqesë një formular HTML; ju duhet ende të përfshini JavaScript për të trajtuar paraqitjen e të dhënave në formë. Pa një ngjarje JavaScript onclick , butoni do të duket të jetë i klikueshëm, por asgjë nuk do të ndodhë, dhe ju do të keni frustruar lexuesit tuaj.

& Lt; button & gt; Etiketa Alternative

Edhe pse përdorimi i tagit të futjes për të krijuar një buton punon për qëllimin e tij, është një mundësi më e mirë për të përdorur tagun për të krijuar butonat HTML të faqes tuaj. Etiketa është më fleksibël sepse ju lejon të përdorni imazhe për butonin (që ju ndihmon të ruani konsistencën vizuale nëse faqja juaj ka një temë dizajni), për shembull, dhe mund të përkufizohet si një tip i tipit të dorëzimit ose të rivendosjes pa pasur nevojë për ndonjë JavaScript shtesë.

Ju do të dëshironi të specifikoni atributin e tipit të butonit në çdo

tags. Ekzistojnë tri lloje të ndryshme:

• button - butoni nuk ka sjellje të natyrshme, por përdoret në lidhje me skriptet që ekzekutohen në anën e klientit që mund të bashkëngjiten në butonin dhe të ekzekutohen kur klikohet.
• reset - Rivendos të gjitha vlerat.
• submit - Butoni paraqet të dhënat e formës në server (kjo është vlera e parazgjedhur nëse nuk është definuar asnjë lloj).

Atribute të tjera përfshijnë:

• emri - I jep butonit një emër referimi.
• vlera - Specifikon një vlerë që fillimisht do të caktohet te butoni.
• çaktivizo - Çaktivizon butonin.

HTML5 shton disa atribute shtesë në tagun

që ju japin më shumë funksionalitete.

• autofokus - Kur ngarkimi i faqes, kjo specifikon se ky buton është fokusi. Vetëm një automatik mund të përdoret në një faqe.
• formë - Bashkon butonin me një formë brenda të njëjtit dokument HTML, duke përdorur identifikuesin e formës si vlerë. Për shembull:

Dërgo

formatim - Përdoret vetëm me type = "submit" dhe një URL si vlerë, ajo përcakton se ku do të dërgohen të dhënat e formularit. Për shembull:

Dorëzoni të dhënat e formularit në një faqe tjetër

formenctype - Përdoret vetëm me type = "submit" atribut. Përcakton se si të dhënat e formularit duhet të kodohen kur dorëzohen në server. Të tre vlerat janë aplikimi / x-www-formë-urlencoded (default), multipart / formë-data, dhe teksti / thjeshtë.

formmethod - Përdoret vetëm me type = "submit" atribut. Kjo përcakton se cila metodë HTTP duhet të përdorë kur dorëzohen të dhënat e formularit, ose merrni ose postoni.

formnovalidate - Përdoret vetëm me type = "submit" atribut. Të dhënat e formës nuk do të verifikohen kur të dorëzohen.

formtarget - Përdoret vetëm me tipin = "submit" atribut. Kjo tregon se ku duhet të shfaqet përgjigjja e faqes kur të dorëzohen të dhënat e formularit, si në një dritare të re etj. Opsionet e vlerës janë ose _blank, _self, _parent, _top ose një emër specifik frame.

Nëse po përdorni forma, mund të dëshironi të lexoni në krijimin e butonave në formatin HTML dhe si ta bëni faqen tuaj më të lehtë për t'u përdorur.