Pomoću oznake možete stvoriti prilagodljive gumbe teksta u HTML-u. Element koristi se unutar elementa .
Postavljanjem tipa atributa na "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 atributa vrijednosti .
Na primjer:
Imajte na umu da oznaka neće poslati HTML obrazac; i dalje ćete morati uključiti JavaScript za obradu podnošenja podataka obrasca. Bez JavaScript događaja onclick , gumb će se kliknuti, ali ništa se neće dogoditi, a frustrirali ćete svoje čitatelje.
& Lt; gumb & gt; Alternativna oznaka
Iako upotreba ulazne oznake za stvaranje gumba funkcionira za svoju svrhu, bolja je mogućnost upotrebe oznake
Želite odrediti atribut tipa gumba u bilo kojem oznakama. Postoje tri različite vrste:
gumb - gumb nema inherentno ponašanje, ali se koristi zajedno s skriptama koje se pokreću na strani klijenta koji se mogu priključiti na gumb i izvršiti kada se klikne.
reset - resetira sve vrijednosti.
submit - gumb podnosi podatke obrasca na poslužitelj (to je zadana vrijednost ako nijedna vrsta nije definirana).
Ostali atributi uključuju:
ime - daje gumb referentnom nazivu.
vrijednost - Određuje vrijednost koja se početno dodjeljuje gumbu.
onemogućiti - Isključuje gumb.
HTML5 dodaje dodatne atribute oznaku koji vam daje više funkcionalnosti.
autofokus - Kada se stranica učita, to određuje da je ovaj gumb fokus. Na stranici se može koristiti samo jedan autofokus.
obrazac - Surađuje gumb s obrascem unutar istog HTML dokumenta, pomoću identifikatora obrasca kao vrijednosti. Na primjer:
Pošalji button>
formaction - Koristi se samo kao type = "submit" i URL kao vrijednost, navodi gdje će se podaci obrasca poslati. Na primjer:
Pošaljite obrazac podatke na drugu stranicu button>
formenctype - Koristi se samo uz atribut type = "submit" . Određuje kako se podaci oblika trebaju kodirati kada se šalju na poslužitelj. Tri su vrijednosti aplikacija / x-www-oblik-urlencoded (zadano), multipart / oblik-data, i text / plain.
formmethod - Koristi se samo uz atribut type = "submit" . Ovime se određuje koja HTTP metoda koja će se koristiti prilikom podnošenja podataka iz obrasca, ili dobiti ili objaviti.
formnovalidate - Koristi se samo uz atribut type = "submit" . Podaci o obrascima neće se potvrditi prilikom slanja.
formtarget - Koristi se samo uz atribut type = "submit" . To označava mjesto na kojem će se odgovor na web lokaciju prikazati kada se podnesu podaci obrasca, primjerice u novom prozoru itd. Opcije vrijednosti su _blank, _self, _parent, _top ili određeni naziv okvira.
Ako upotrebljavate obrasce, možda biste htjeli pročitati izradu gumba u HTML formama i kako poboljšati vašu web-lokaciju.