Izrada gumba za slanje na HTML obrascima

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.
• • Gumb

    ULAZNI oznaka daje mnogo iste mogućnosti kao i slika

    ULAZNI oznaku, ali izgleda više kao standardna vrsta slanja. Za aktiviranje potrebna je JavaScript.

• • DUGME oznaka je višestruka vrsta tipke od

    ULAZNI označiti. Ova oznaka zahtijeva aktiviranje JavaScripta.

• • NAREDBA element je novi u HTML5 i pruža način aktiviranja skripti i oblika s povezanim radnjama. Aktivirano je uz JavaScript.

INPUT element

Unos

ULAZNI element je najčešći način slanja obrasca, sve što trebate je odabrati vrstu (

dugme,

slika, ili

podnijeti) i po potrebi dodajte neke skripte za podnošenje obrasca.

element se može upravo zapisati. Ali ako to učinite, imat ćete različite rezultate u različitim preglednicima. Većina preglednika postavlja 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 sivi gumb. Da biste dodali tekst gumbu, upotrijebite

vrijednostatribut. No, ovaj gumb neće poslati obrazac ako ne koristite JavaScript.

onclick = "submit ();">

Slično je

dugmetipa, koja treba skriptu za slanje obrasca. Osim toga umjesto tekstualne vrijednosti morate dodati URL izvora slike.

src = "submit.gif">

Element gumba

DUGMEelement zahtijeva i oznaku za otvaranje i oznaku za zatvaranje. Kada ga upotrebljavate, svaki sadržaj koji priložite unutar oznake zatražit ć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

NAREDBAelement je novo s HTML5. To ne zahtijeva a

OBLIK za upotrebu, 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 da naredba kaže nešto, upisujete podatke u

označitiatribut.

label = "Pošaljite obrazac">

Ako želite da se naredba prikazuje pomoću slike, upotrijebite

ikonaatribut.

Ikona = "submit.gif">

HTML obrasci imaju nekoliko različitih načina slanja, kao što ste naučili na prethodnoj stranici. Dvije od tih metoda su

ULAZNIoznaka i

DUGMEoznačiti. Postoje dobri razlozi za korištenje oba ova elementa.

Ulazni element

Oznaka je najlakši način za slanje obrasca. To ne zahtijeva ništa izvan same oznake, ni a

vrijednostKada korisnik klikne na gumb, automatski se šalje. Ne morate dodavati skripte, preglednici znaju slati obrazac prilikom slanja

ULAZNIse klikne na oznaku.

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.

Koristiti

ULAZNIkada vaš obrazac mora biti dostupan čak iu preglednicima koji su isključili JavaScript.

BUTTON element

DUGMEelement nudi više mogućnosti za slanje obrazaca. Možete staviti bilo što unutar

DUGMEelement i pretvoriti ga u gumb za slanje. Najčešće ljudi koriste slike i tekst. Ali možete stvoriti a

DIV i da cijelu stvar poslati gumb ako želite.

Najveći nedostatak

DUGMEelement je taj što ne šalje automatski obrazac. To znači da treba aktivirati neku vrstu skripte. I tako je manje dostupna od

ULAZNImetoda. Bilo koji korisnik koji nema uključen JavaScript neće moći poslati obrazac samo s

DUGMEelement da ga pošaljete.

Koristiti

DUGMEna obrascima koji nisu kritični. Također, ovo je sjajan način za dodavanje dodatnih opcija za slanje u jednom obliku.