Upotreba ulazne oznake za slanje obrazaca
HTML obrasci jedan su od osnovnih načina za dodavanje interaktivnosti na vašu web stranicu. Možete postaviti pitanja i tražiti odgovore od svojih čitatelja, pružiti dodatne informacije iz baza podataka, postaviti igre i još mnogo toga. Postoji nekoliko HTML elemenata koje možete upotrijebiti za izradu oblika. I kada izradite obrazac, postoji mnogo različitih načina za slanje tih podataka na poslužitelj ili samo pokretanje radnje obrasca.
Na nekoliko načina možete poslati obrasce:
-
- Ovo je najčešći način dobivanja podataka poslužitelju, ali može biti vrlo običan izgled.
-
- Korištenje slike olakšava postavljanje gumba za slanje stilom vaše web-lokacije. No, neki ljudi možda neće prepoznati ga kao gumb za slanje.
-
- Oznaka INPUT gumba daje mnogo iste opcije kao i oznaka INPUT slike, ali izgleda više kao standardna vrsta slanja. Za aktiviranje potrebna je JavaScript.
-
- Tipka BUTTON više je tipična tipka nego INPUT oznaka. Ova oznaka zahtijeva aktiviranje JavaScripta.
-
- Element COMMAND element je novi u HTML5 i pruža način aktiviranja skripti i oblika povezanih akcija. Aktivirano je uz JavaScript.
INPUT element
INPUT element je najčešći način slanja obrasca, sve što trebate je odabrati vrstu (gumb, sliku ili slanje) i po potrebi dodati neke skripte za slanje obrasca.
Element može se upisati upravo tako. Ali ako to učinite, imat ćete različite rezultate u različitim preglednicima. Većina preglednika napravi gumb koji kaže "Pošalji", ali Firefox čini gumb koji kaže "Pošalji upit". Da biste promijenili ono što gumb kaže, dodajte atribut:
value = "Pošaljite obrazac">
Element je tako napisan, ali ako ostavite sve druge atribute, sve što će se prikazati u preglednicima je prazan gumb siva. Da biste dodali tekst na gumb, upotrijebite atribut vrijednosti. No, ovaj gumb neće poslati obrazac ako ne koristite JavaScript.
onclick = "submit ();">
Slična je vrsti gumba, koja treba skriptu za slanje obrasca. Osim toga umjesto tekstualne vrijednosti morate dodati URL izvora slike.
src = "submit.gif">
BUTTON element
Element BUTTON zahtijeva i oznaku za otvaranje i oznaku za zatvaranje kada ga upotrebljavate, svaki sadržaj koji priložite unutar oznake zatvorit će se u gumbu. Zatim aktivirajte gumb sa skriptom.
Pošaljite obrazac
Možete uključiti slike u gumb ili kombinirati slike i tekst kako biste stvorili zanimljiviji gumb.
Pošaljite obrazac
Komandni element
Element COMMAND element je novi s HTML5. Nije potrebno korištenje obrasca, ali može poslužiti kao gumb za slanje obrasca. Ovaj vam element omogućuje stvaranje više interaktivnih stranica bez potrebe za obrascima, osim ako zaista ne trebate obrasce. Ako želite naredbu nešto reći, upisujete podatke u atribut oznake.
label = "Pošaljite obrazac">
Ako želite da se naredba prikazuje pomoću slike, koristite ikonu atributa.
Ikona = "submit.gif">
Ovaj je članak dio HTML vodiča za obrasce. Pročitajte cijeli vodič kako biste saznali kako koristiti HTML obrasce.
HTML obrasci imaju nekoliko različitih načina slanja, kao što ste naučili na prethodnoj stranici. Dvije od tih metoda su INPUT oznaka i oznaka BUTTON. Postoje dobri razlozi za korištenje oba ova elementa.
INPUT element
Oznaka je najlakši način za slanje obrasca. To ne zahtijeva ništa izvan same oznake, čak ni vrijednost. Kada korisnik klikne na gumb, automatski se šalje. Ne morate dodavati nikakve skripte, preglednici znaju slati obrazac prilikom slanja INPUT oznake za slanje.
Problem je u tome što je ovaj gumb vrlo ružan i jasan. Ne možete dodati slike na njega. Možete ga oblikovati kao i svaki drugi element, no ipak se može osjećati kao ružan gumb.
Koristite INPUT metodu kada vaš obrazac mora biti dostupan čak iu preglednicima koji su isključili JavaScript.
BUTTON element
Element BUTTON nudi više mogućnosti za slanje obrazaca. Možete staviti bilo što unutar gumba elementa i pretvoriti ga u gumb za slanje. Najčešće ljudi koriste slike i tekst. Ali možete stvoriti DIV i učiniti da cijela stvar poslati gumb ako želite.
Najveći nedostatak elementu BUTTON je da ne automatski pošalje obrazac. To znači da treba aktivirati neku vrstu skripte. I tako je manje dostupan od INPUT metode. Bilo koji korisnik koji nema uključen JavaScript neće moći poslati obrazac s elementom gumba BUTTON da ga pošalje.
Koristite metodu BUTTON na obrascima koji nisu tako važni. Također, ovo je sjajan način za dodavanje dodatnih opcija za slanje u jednom obliku.
Ovaj je članak dio HTML vodiča za obrasce . Pročitajte kako biste saznali više o tome kako koristiti HTML obrasce