Bërja e butonave HTML në forma

Përdorimi i Modulit të Hyrjes për Paraqitjen e Formularëve

Formularët HTML janë një nga mënyrat më themelore për të shtuar interaktivitetin në faqen tuaj te internetit. Mund të bëni pyetje dhe të kërkoni përgjigje nga lexuesit tuaj, të jepni informacion shtesë nga bazat e të dhënave, të krijoni lojëra dhe më shumë. Ekzistojnë një numër elementesh HTML që mund t'i përdorni për të ndërtuar format tuaja. Dhe sapo të keni ndërtuar formën tuaj, ka shumë mënyra të ndryshme për të dorëzuar këto të dhëna në server ose thjesht të filloni veprimin e formës në punë.

Këto janë disa mënyra që mund t'i paraqisni format tuaja:

Elementi INPUT

Elementi INPUT është mënyra më e zakonshme për të paraqitur një formular, të gjitha që ju bëni është të zgjidhni një lloj (butonin, imazhin ose paraqitjen) dhe nëse është e nevojshme shtoni disa skriptime për t'u paraqitur në formën e veprimit.

Elementi mund të shkruhet ashtu siç është. Por nëse veproni, do të keni rezultate të ndryshme në shfletues të ndryshëm. Shumica e shfletuesve bëjnë një buton që thotë "Submit", por Firefox bën një buton që thotë "Submit Query". Për të ndryshuar atë që thotë butoni, duhet të shtoni një atribut:

vlera = "Submit Form">

Elementi është i shkruar si ai, por nëse i lëshoni të gjitha atributet e tjera, gjithçka që shfaqet në shfletues është një buton i zbrazët gri. Për të shtuar tekst në butonin, përdorni atributin e vlerës. Por ky buton nuk do të dorëzojë formularin nëse nuk e përdorni JavaScript.

onClick = "submit ();">

E ngjashme me llojin e butonit, i cili ka nevojë për një skript për të dorëzuar formularin. Përveç se në vend të një vlere teksti, duhet të shtoni një URL të burimit të imazhit.

src = "submit.gif">

Elementi BUTTON

Elementi i BUTTON kërkon si një tag hapje dhe një etiketë mbyllëse Kur e përdorni, çdo përmbajtje që bashkangjitni brenda tagit do të mbyllet në një buton. Pastaj aktivizon butonin me një skenar.

Dërgoni Formularin

Ju mund të përfshini imazhe në butonin tuaj ose të kombinoni imazhe dhe tekst për të krijuar një buton më interesant.

Dërgoni Formularin

Elementi KOMPANIA

Elementi i COMMAND është i ri me HTML5. Nuk kërkon një FORM që të përdoret, por mund të veprojë si një buton paraqitës për një formë. Ky element ju lejon të krijoni faqe më interaktive pa kërkuar forma nëse nuk keni nevojë për forma. Nëse doni që komanda të thotë diçka, ju shkruani informacionin në një atribut të etiketës.

label = "Paraqit formularin">

Nëse doni që komanda juaj të përfaqësohet nga një imazh, përdorni ikonën e ikonës.

icon = "submit.gif">

Ky artikull është pjesë e tutorialit të formularëve HTML. Lexo me tutorialin e plotë për të mësuar se si të përdorësh format HTML.

Format HTML kanë disa mënyra të ndryshme për tu paraqitur, siç keni mësuar në faqen e mëparshme. Dy nga këto metoda janë etiketa INPUT dhe etiketa BUTTON. Ka arsye të mira për të përdorur të dyja këto elemente.

Elementi INPUT

Etiketa është mënyra më e lehtë për të paraqitur një formular. Nuk kërkon asgjë përtej tagut, madje as një vlerë. Kur një klient klikon mbi butonin, ai paraqet automatikisht. Ju nuk keni nevojë të shtoni ndonjë skript, shfletuesit e dinë të paraqesin formularin kur një tag INPUT paraqitet klikuar.

Problemi është se ky buton është shumë i shëmtuar dhe i thjeshtë. Nuk mund t'i shtosh imazhe në të. Ju mund të stilit të tij ashtu si çdo element tjetër, por mund të ndihet ende si një buton i shëmtuar.

Përdorni metodën INPUT kur forma juaj duhet të jetë e pranueshme edhe në shfletues që kanë JavaScript të fikur.

Elementi BUTTON

Elementi i BUTTON ofron më shumë opsione për paraqitjen e formularëve. Ju mund të vendosni diçka brenda një elementi BUTTON dhe ta kthejnë atë në një buton paraqitës. Më së shumti njerëzit përdorin imazhe dhe tekst. Por ju mund të krijoni një DIV dhe të bëni atë gjë të tërë një buton paraqitjen nëse dëshironi.

Pengesa më e madhe për elementin BUTTON është se ajo nuk e paraqet automatikisht formularin. Kjo do të thotë se duhet të ekzistojë një lloj skripti për ta aktivizuar atë. Dhe kështu që është më pak i arritshëm sesa metoda INPUT. Çdo përdorues që nuk ka JavaScript të aktivizuar nuk do të jetë në gjendje të paraqesë një formular me vetëm një element BUTTON për ta dorëzuar atë.

Përdorni metodën BUTTON në forma që nuk janë aq kritike. Gjithashtu, kjo është një mënyrë e shkëlqyer për të shtuar opsione shtesë të paraqitjes brenda një forme.

Ky artikull është pjesë e tutorialit të formularëve HTML . Lexo për të mësuar më shumë rreth asaj se si të përdorësh format HTML