Korišćenje Input Tag za slanje formulara
HTML obrazci su jedan od najnaprednijih načina dodavanja interaktivnosti na vašu web stranicu. Možete postavljati pitanja i tražiti odgovore od svojih čitalaca, pružiti dodatne informacije iz baza podataka, postaviti igre i još mnogo toga. Postoji nekoliko HTML elemenata koje možete koristiti za izgradnju obrazaca. I jednom kada izgradite svoj obrazac, postoji mnogo različitih načina da se navedeni podaci pošalju na server ili samo započnete pokretanje akcije.
Na nekoliko načina možete podneti svoje forme:
-
- Ovo je najčešći način dobijanja podataka na serveru, ali to može biti vrlo jednostavan izgled.
-
- Upotreba slike olakšava vašu tipku za slanje s stilom vašeg sajta. Ali neki ljudi možda to ne prepoznaju kao dugme za slanje.
-
- Dugme INPUT tag daje puno istih opcija kao oznaka INPUT slike, ali više izgleda kao standardni tip za podnošenje. Zahteva JavaScript da se aktivira.
-
- Oznaka BUTTON je višestruki tip dugmeta od oznake INPUT. Ova oznaka zahteva aktiviranje Javacript-a.
-
- Element COMMAND je novi u HTML5 i pruža način za aktiviranje skripti i forme sa pridruženim akcijama. Aktivira se sa JavaScript-om.
INPUT Element
Element INPUT je najčešći način za podnošenje forme, sve što radite jeste odabrati tip (dugme, sliku ili slanje), a ako je potrebno dodajte i neke skripte kako biste podneli akciju formi.
Element se može napisati tako slično. Ali ako to učinite, vi ćete imati različite rezultate u različitim pregledačima. Većina pretraživača čine dugme koje piše "Pošalji", ali Firefox kreira dugme koje piše "Podni upit". Da biste promenili ono što kaže na dugmetu, trebalo bi dodati atribut:
vrednost = "Pošalji obrazac">
Element je takav zapisan, ali ako ostavite sve ostale atribute, sve što će se prikazati u pregledačima je prazno sivo dugme. Da biste dodali tekst na dugme, koristite atribut vrijednosti. Ali ovo dugme neće poslati obrazac osim ako ne koristite JavaScript.
onclick = "pošalji ();">
Sličan je tipu tipke, za koji je potreban skript za dostavu forme. Osim što umesto tekstualne vrijednosti, morate dodati izvorni URL slike.
src = "submit.gif">
BUTTON Element
Element BUTTON zahteva i otvaraču oznaku i zatvarajuću oznaku Kada ga koristite, bilo koji sadržaj koji se nalazi unutar oznake biće zatvoren u dugme. Zatim aktivirate taster sa skriptom.
Pošaljite obrazac
Možete uključiti slike na vašem dugmetu ili kombinirati slike i tekst da biste napravili još interesantnije dugme.
Pošaljite obrazac
Komandni element
Element COMMAND je novi sa HTML5. Ne zahteva FORM da se koristi, ali može da deluje kao dugme za podnošenje formulara. Ovaj element vam omogućava da kreirate više interaktivnih stranica bez zahtijevanja forme osim ako vam zaista ne trebaju forme. Ako želite komandu da nešto kaže, upisujete informacije u atribut oznake.
label = "Pošalji obrazac">
Ako želite da vaša komanda bude predstavljena slikama, koristite atribut ikone.
icon = "pošalji">
Ovaj članak je dio HTML obrazaca. Pročitajte kompletan vodič kako biste naučili kako koristiti HTML obrasce.
HTML obrazci imaju nekoliko različitih načina za slanje, kao što ste naučili na prethodnoj stranici. Dva od tih metoda su oznaka INPUT i oznaka BUTTON. Postoje dobri razlozi za korištenje oba ova elementa.
INPUT Element
Oznaka je najlakši način da pošaljete obrazac. Ne zahteva ništa osim same oznake, čak ni vrijednosti. Kada klijent klikne na dugme, automatski se podnosi. Ne morate dodavati nikakve skripte, pregledači znaju da pošalju obrazac kada se klikne na INPUT oznaku.
Problem je što je ovo dugme veoma ružno i jednostavno. Ne možete dodati slike njemu. Možete ga oblikovati kao i svaki drugi element, ali se i dalje može osećati kao ružno dugme.
Koristite INPUT metod kada vaš formular mora biti pristupačan čak iu pretraživačima koji imaju isključen JavaScript.
BUTTON Element
Element BUTTON nudi više mogućnosti za podnošenje obrazaca. Možete staviti bilo šta unutar BUTTON elementa i pretvoriti ga u dugme za podnošenje. Najčešće ljudi koriste slike i tekst. Ali mogli biste napraviti DIV i učiniti cijelom stvarom dugme za slanje ako želite.
Najveći nedostatak elementa BUTTON je taj što automatski ne dostavlja obrazac. To znači da mora biti neka vrsta skripte da bi je aktivirali. I tako je manje dostupna od INPUT metode. Svaki korisnik koji nema uključen JavaScript neće moći da pošalje obrazac samo sa elementom BUTTON-a da ga pošalje.
Koristite metodu BUTTON na formama koje nisu toliko kritične. Takođe, ovo je odličan način dodavanja dodatnih opcija podnošenja u jednom obliku.
Ovaj članak je dio HTML obrazaca . Pročitajte kako biste saznali više o tome kako koristiti HTML obrasce