Uporaba oznake vnosa za pošiljanje obrazcev
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 tag ponuja veliko istih možnosti kot oznaka INPUT slike, vendar bolj kot standardna vrsta pošiljanja. Zahteva JavaScript za aktiviranje.
-
- Oznaka BUTTON je bolj vsestranski tip gumba kot oznaka INPUT. Za to oznako je treba aktivirati Javacript.
-
- Element COMMAND je nov v HTML5 in omogoča način aktiviranja skript in obrazcev s povezanimi dejanji. Aktivira se z JavaScriptom.
Element INPUT
Element INPUT je najpogostejši način za oddajo obrazca, vse to pa je, da izberete vrsto (gumb, sliko ali oddate) in po potrebi dodate nekaj skriptov, da pošljete obrazcu dejanja.
Element je lahko napisan prav tako. Č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 bo prikazalo v brskalnikih, prazen siv gumb. Če želite dodati besedilo na gumb, uporabite atribut vrednosti. Vendar ta gumb ne bo predložil obrazca, razen če uporabljate JavaScript.
onclick = "pošlji ();">
Podobno je tip gumba, ki potrebuje skript za oddajo obrazca. Razen, da morate namesto besedilne vrednosti dodati vir vira slike.
src = "submit.gif">
Element BUTTON
Element BUTTON zahteva tako odprto oznako kot zapiralno oznako. Ko jo uporabite, se v gumbu prikaže vsaka vsebina, ki jo obkrožite v oznaki. 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
Element COMMAND
Element COMMAND je nov z HTML5. Ne zahteva, da se uporablja FORM, ampak 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 atributu oznake.
label = "Pošlji obrazec">
Če želite, da vaš ukaz predstavlja sliko, uporabite atribut ikone.
icon = "submit.gif">
Ta članek je del vadnice HTML Forms. Preberite celoten vadnik, če želite izvedeti, kako uporabljati obrazce HTML.
V obrazcih HTML je na voljo več različnih načinov pošiljanja, kot ste se naučili na prejšnji strani. Dva od teh metod sta oznaka INPUT in oznaka BUTTON. Obstajata dobri razlogi za uporabo obeh elementov.
Element INPUT
Oznaka je najlažji način za oddajo obrazca. Ne potrebuje ničesar več od same oznake, niti vrednosti. Ko stranka klikne gumb, se samodejno pošlje. Ni vam treba dodati nobenih skriptov, brskalniki vedo, da pošljete obrazec, ko pošljete oznako INPUT.
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.
Uporabite metodo INPUT, ko mora biti vaš obrazec dostopen tudi v brskalnikih, ki imajo izključen JavaScript.
Element BUTTON
Element BUTTON ponuja več možnosti za predložitev obrazcev. Vse lahko vnesete v element BUTTON in ga spremenite v gumb za pošiljanje. Najpogosteje ljudje uporabljajo slike in besedilo. Ampak lahko ustvarite DIV in to celoto naredite gumb za oddajo, če želite.
Največja pomanjkljivost elementa BUTTON je, da sam obrazec ne pošilja samodejno. To pomeni, da mora biti vrsta skripta aktivirana. Tako je manj dostopna kot metoda INPUT. Vsak uporabnik, ki nima vključen JavaScript, ne bo mogel predložiti obrazca samo z elementom BUTTON, ki ga bo poslal.
Uporabite metodo BUTTON na obrazcih, ki niso tako kritične. Prav tako je to odličen način za dodajanje dodatnih možnosti za oddajo v enem obrazcu.
Ta članek je del vadnice HTML Forms . Preberite, če želite izvedeti več o uporabi obrazcev HTML