Skip to main content

Ustvarjanje gumbov z uporabo oznak HTML v obliki

Anonim

Ustvarite lahko prilagodljive besedilne gumbe v HTMLu s pomočjo oznaka. The element se uporablja znotraj a

element.

Z nastavitvijo atributa tip na "gumb", bo ustvarjen preprost klikni gumb. Lahko določite besedilo, ki se bo pojavilo na gumbu, na primer »Pošlji« z uporabo vrednost atribut.

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 JavaScripta onclick dogodek, gumb bo videti, da je mogoče klikniti, vendar se ne bo zgodilo, in boste bralci razočarali.

The

Čeprav uporaba vhodne oznake za ustvarjanje gumba deluje za svoj namen, je boljša možnost, da uporabite oznako za ustvarjanje gumbov HTML HTML. The oznaka je bolj prilagodljiva, ker omogoča uporabo slik za gumb (ki vam pomaga ohranjati vizualno doslednost, če ima vaša stran na primer temo za oblikovanje), in jo je mogoče definirati kot tip za oddajo ali ponastavitev, ne da bi potrebovali dodatne JavaScript.

Boste želeli določiti gumb tip atribut v katerem koli oznake. Obstajajo tri različne vrste:

  • gumb - Gumb nima lastnega vedenja, temveč se uporablja skupaj s skripti, ki se izvajajo na strani odjemalca, ki se lahko pritrdi na gumb in se izvrši, ko je kliknjen.
  • ponastaviti - Ponastavi vse vrednosti.
  • predloži - gumb pošlje podatke o strežniku v strežnik (to je privzeta vrednost, če ni določen noben tip).

Drugi atributi vključujejo:

  • ime - Daje gumb referenčno ime.
  • vrednost - Določi vrednost, ki jo želite najprej dodeliti gumba.
  • onemogoči - Izklopi gumb.

HTML5 dodaja nekatere dodatne lastnosti

  • oblikovanje - Uporablja samo z type = "predloži" in URL kot vrednost, določa, kje bodo poslani obrazci. Na primer:
  • formenctype - Uporablja samo z type = "predloži" atribut. Določa, kako se podatki o obrazcu šifrirajo, ko se pošljejo v strežnik. Te tri vrednosti so aplikacija / x-www-obrazec-urlencodiran (privzeto), večdelni / obrazčni podatki, in besedilo / navaden.
  • formomethod - Uporablja samo z type = "predloži" atribut. To določa, katero metodo HTTP uporabite pri predložitvi podatkov obrazca priti ali post.
  • formnovalidat - Uporablja samo z type = "predloži" atribut. Podatki o obrazcu ne bodo potrjeni ob predložitvi.
  • formtarget - Uporablja samo z type = "predloži" atribut. To označuje, kje je treba prikazati odziv spletnega mesta, ko se predložijo podatki o obrazcu, na primer v novem oknu itd. Možnosti vrednosti so tudi _blank, _self, _parent, _top, ali specifično 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.