Ustvarjanje gumbov za pošiljanje v obliki HTML

Obrazci HTML so eden od najbolj osnovnih načinov za dodajanje interaktivnosti na vaše spletno mesto. Lahko postavite vprašanja in zahtevate odgovore od svojih bralcev, zagotovite dodatne informacije iz podatkovnih zbirk, nastavite igre in drugo. Obstaja več elementov HTML, ki jih lahko uporabite za izdelavo obrazcev. Ko enkrat zgradite svoj obrazec, obstajajo številni različni načini pošiljanja teh podatkov v strežnik ali pa začnite izvajati akcijsko akcijo.

Na več načinov lahko pošljete svoje obrazce:

- To je najpogostejši način pridobivanja podatkov na strežniku, vendar je lahko zelo preprost.
- Z uporabo slike je zelo enostavno, da vaš gumb za pošiljanje ustreza slogu vaše spletne strani. Toda nekateri morda to ne bodo prepoznali kot gumb za pošiljanje.
- Gumb
  INPUT oznaka daje veliko enakih možnosti kot slika
  INPUT oznaka, vendar bolj kot standardna vrsta pošiljanja. Zahteva JavaScript za aktiviranje.
- The
  BUTTON oznaka je bolj vsestranski tip gumba kot
  INPUT oznaka. Za to oznako je treba aktivirati Javacript.
- The
  COMMAND Element je nov v HTML5 in omogoča način aktiviranja skript in obrazcev s povezanimi dejanji. Aktivira se z JavaScriptom.

Element INPUT

Vnos

INPUT element je najpogostejši način za oddajo obrazca, vse kar naredite je, da izberete vrsto (

gumb,

sliko, ali

predloži) in po potrebi dodajte nekaj skriptov, da pošljete obrazcu ukrepanje.

The Element je lahko tako napisan. Če pa to storite, boste imeli različne rezultate v različnih brskalnikih. Večina brskalnikov naredi gumb, ki pravi "Pošlji", toda Firefox naredi gumb, ki pravi "Pošlji poizvedbo." Če želite spremeniti, kaj pravi gumb, morate dodati atribut:

vrednost = "Pošlji obrazec">

Element je napisan tako, vendar če zapustite vse druge atribute, bo vse, kar se prikaže v brskalnikih, prazen siv gumb. Če želite dodati besedilo na gumb, uporabite

vrednostatribut. Vendar ta gumb ne bo predložil obrazca, razen če uporabljate JavaScript.

onclick = "pošlji ();">

Podobno je

gumbtipa, ki potrebuje skript za oddajo obrazca. Razen, da morate namesto besedilne vrednosti dodati vir vira slike.

src = "submit.gif">

Gumb Element

The

BUTTONElement zahteva tako odpiralno oznako kot zaključno oznako. Ko ga uporabljate, bo vsaka vsebina, ki jo obkrožite znotraj oznake, priložena gumba. Potem aktivirate gumb s skriptom.

Pošljite obrazec

V svoje gumbe lahko vključite slike ali združite slike in besedilo, da ustvarite bolj zanimiv gumb.

Pošljite obrazec

Ukazni element

The

COMMANDElement je nov z HTML5. Ne zahteva a

OBRAZEC ki se uporablja, vendar lahko deluje kot gumb za predložitev obrazca. Ta element vam omogoča, da ustvarite več interaktivnih strani, ne da bi potrebovali obrazce, razen če res potrebujete obrazce. Če želite ukaz povedati nekaj, vnesete podatke v

oznakaatribut.

label = "Pošlji obrazec">

Če želite, da vaš ukaz predstavlja sliko, uporabite

ikonaatribut.

icon = "submit.gif">

V obrazcih HTML je na voljo več različnih načinov pošiljanja, kot ste se naučili na prejšnji strani. Dve od teh metod sta

INPUToznako in

BUTTONoznaka. Obstajata dobri razlogi za uporabo obeh elementov.

Vhodni element

Oznaka je najlažji način za oddajo obrazca. Ne potrebuje nič več od same oznake, niti ne

vrednostKo stranka klikne gumb, se samodejno pošlje. Ni vam treba dodati nobenih skriptov, brskalniki vedo, da pošljete obrazec ob oddaji

INPUToznaka je označena.

Težava je, da je ta gumb zelo grd in preprost. Ne morete dodati slik. Lahko ga oblikujete tako kot kateri koli drugi element, vendar se lahko še vedno počuti kot grd gumb.

Uporabi

INPUTmetoda, ko mora biti vaš obrazec dostopen tudi v brskalnikih, ki so izključili JavaScript.