Izrada gumba pomoću oznaka HTML unosa u obrascima

Možete stvoriti prilagodljive tekstne gumbe u HTML - u pomoću značajke označiti. element se koristi unutar a

element.

Postavljanjem atributa tip do "gumb", generirat će se jednostavni gumb koji se može kliknuti. Možete odrediti tekst koji će se pojaviti na gumbu, kao što je "Pošalji", pomoću gumba vrijednost atribut.

Na primjer:

Budite svjesni da oznaka neće poslati HTML obrazac; i dalje ćete morati uključiti JavaScript za obradu podnošenja podataka obrasca. Bez JavaScript na klik događaj, gumb će se kliknuti, ali ništa se neće dogoditi, a frustrirali ćete svoje čitatelje.

Iako upotreba ulazne oznake za stvaranje gumba funkcionira za svoju svrhu, to je bolja opcija za korištenje oznaku za izradu HTML gumba web mjesta. oznaka je fleksibilnija jer vam omogućuje upotrebu slika za gumb (što vam pomaže u očuvanju vizualne dosljednosti ako vaša web-lokacija ima temu dizajna), a može se definirati kao gumb za slanje ili vraćanje gumba bez potrebe za dodatnim JavaScript.

Želite odrediti gumb tip atribut u bilo kojem oznake. Postoje tri različite vrste:

dugme - Tipka nema inherentno ponašanje, ali se koristi zajedno s skriptama koje se pokreću na strani klijenta i mogu se priključiti na gumb i izvršiti kada se klikne.

reset - Vraća sve vrijednosti.

podnijeti - gumb podnosi podatke obrasca na poslužitelj (to je zadana vrijednost ako nijedna vrsta nije definirana).

Ostali atributi uključuju:

Ime - Daje tipku referentni naziv.

vrijednost - Određuje vrijednost koja se početno dodjeljuje gumbu.

onesposobiti - Isključuje gumb.

HTML5 dodaje neke dodatne atribute
formaction - Koristi se samo s type = "submit" i URL kao vrijednost, određuje gdje će se podaci obrasca poslati. Na primjer:

formenctype - Koristi se samo s type = "submit" atribut. Određuje kako se podaci oblika trebaju kodirati kada se šalju na poslužitelj. Tri su vrijednosti Primjena / x-www-form-urlencoded (zadano), višedijelni / oblik-podataka, i tekst / običan.

formmethod - Koristi se samo s type = "submit" atribut. To određuje koju HTTP metodu upotrijebiti prilikom podnošenja podataka obrasca dobiti ili Post.

formnovalidate - Koristi se samo s type = "submit" atribut. Podaci o obrascima neće se potvrditi prilikom slanja.

formtarget - Koristi se samo s type = "submit" atribut. To označava mjesto na kojem će odgovor na web mjestu biti prikazan kada se podnesu podaci obrasca, primjerice u novom prozoru itd. Opcije vrijednosti su ili _blank, _self, _parent, _top, ili određenog naziva okvira.

Ako upotrebljavate obrasce, možda biste htjeli pročitati izradu gumba u HTML formama i kako poboljšati vašu web-lokaciju.