Uporaba oznake vnosa HTML in oznake gumba v obrazcih

Z nastavitvijo vrste atributa na "gumb" se generira preprost gumb za klikanje. Določite lahko besedilo, ki se bo pojavilo na gumbu, na primer »Pošlji« z uporabo atributa vrednosti .

Na primer:

Zavedajte se, da oznaka ne bo poslala obrazca HTML; še vedno boste morali vključiti JavaScript za obdelavo predložitve obrazcev podatkov. Brez dogodka JavaScript onclick se bo prikazal gumb, ki ga želite klikniti, vendar se ne bo zgodilo, vi pa boste razočarali svoje bralce.

& Lt; gumb & gt; Oznaka alternativa

Čeprav uporaba vhodne oznake za ustvarjanje gumba deluje za njen namen, je boljša možnost, da uporabite oznako , da ustvarite svoje gumbe HTML. Oznaka je prožnejša, ker omogoča uporabo slik za gumb (ki vam pomaga ohranjati vizualno doslednost, če ima vaša stran na primer temo za oblikovanje), in je lahko definirana kot vrsta pošiljanja ali ponastavitve brez potrebe po dodatnem JavaScriptu.

V vseh oznakah želite določiti atribut vrste tipk. Obstajajo tri različne vrste:

• gumb - gumb nima lastnega vedenja, ampak se uporablja skupaj s skripti, ki se izvajajo na strani odjemalca, ki se lahko pritrdi na gumb in se izvede, ko je kliknjen.
• ponastavitev - ponastavi vse vrednosti.
• submit - Gumb posreduje podatke o strežniku strežniku (to je privzeta vrednost, če ni določen noben tip).

Drugi atributi vključujejo:

• ime - daje gumu referenčno ime.
• vrednost - Določa vrednost, ki naj bi bila prvotno dodeljena gumba.
• onemogoči - izklopi gumb.

HTML5 doda nekatere dodatne atribute oznaki , ki vam daje več funkcionalnosti.

• samodejno ostrenje - Ko se stran naloži, to določa, da je ta gumb v središču. Na strani se lahko uporabi samo en sam samodejni ostrenje.
• obrazec - povezuje gumb z obliko v istem HTML dokumentu, pri čemer identifikator obrazca označuje vrednost. Na primer:
  • Pošlji
• formaction - uporablja se samo s tipom = "predloži" in URL-jem kot vrednost, določa pa, kje bodo poslani podatki o obrazcu. Na primer:
  • Pošljite podatke obrazca na drugo stran
• formenctype - uporablja se samo pri atributu type = "submit" . Določa, kako se podatki o obrazcu šifrirajo, ko se pošljejo v strežnik. Te tri vrednosti so aplikacija / x-www-form-urlencoded (privzeto), večdelni / obrazec-podatki in besedilo / navaden.
• formmethod - uporablja se samo pri atributu type = "submit" . To določa, katero metodo HTTP uporabite pri pošiljanju podatkov obrazca, bodisi vnesite ali objavite.
• formnovalidate - uporablja se samo pri atributu tipa = "predloži" . Podatki o obrazcu ne bodo potrjeni ob predložitvi.
• formtarget - Uporablja se samo z atributom type = "submit" . To označuje, kje naj bo odziv spletnega mesta prikazan, ko se predložijo podatki o obrazcu, na primer v novem oknu itd. Možnosti vrednosti so _blank, _self, _parent, _top ali določeno ime okvira.

Če uporabljate obrazce, jih boste morda želeli prebrati pri izdelovanju gumbov v obrazcih HTML in kako narediti vaše spletno mesto bolj prijazno uporabnikom.