Upotrebom oznake za unos HTML-a i dugmeta na tasteru u oblicima

Postavljanjem tipa atributa na "dugme" generiše se jednostavno dugme koje se može kliknuti. Možete definisati tekst koji će se pojaviti na dugmetu, kao što je "Pošalji", koristeći vrijednost atributa.

Na primjer:

Imajte na umu da tag neće poslati HTML formu; i dalje ćete morati uključiti JavaScript kako biste se nosili sa podacima za obradu podataka. Bez događaja JavaScript onclick , izgleda da će dugme biti kliknuto, ali ništa se neće dogoditi, a vi ćete osuditi svoje čitaoce.

& Lt; button & gt; Tag Alternative

Iako upotreba ulazne oznake za kreiranje dugmeta radi za njegovu namjenu, bolje je koristiti taster da biste kreirali svoje HTML stranice. Oznaka je fleksibilnija zato što vam omogućava da koristite slike za dugme (što vam pomaže da očuvate vizuelnu doslednost ako vaša stranica ima temenu dizajna), na primer, i može se definisati kao tip za slanje ili resetovanje bez potrebe za dodatnim JavaScriptom.

Želite da navedete atribut tipa dugmeta u bilo kojoj oznaci

. Postoje tri različita tipa:

• Dugme - Taster nema inherentno ponašanje, ali se koristi zajedno sa skriptama koje se pokreću na strani klijenta koje se mogu dodati dugmetu i izvršiti kada se klikne.
• resetovanje - Vraća sve vrednosti.
• pošalji - dugme podnosi podatke formi serveru (ovo je podrazumevana vrednost ako nije definisan nijedan tip).

Ostali atributi uključuju:

• ime - daje taster referentnom imenu.
• vrednost - Određuje vrednost koja se inicijalno dodeljuje dugmetu.
• onemogućiti - Isključuje dugme.

HTML5 dodaje neke dodatne atribute oznaku

, koja vam daje više funkcionalnosti.

• autofokus - Kada se stranica učita, ovo određuje da je ovo dugme fokus. Samo jedan autofokus se može koristiti na stranici.
• formu - Povezuje dugme sa obliku unutar istog HTML dokumenta, koristeći identifikator formulara kao vrijednost. Na primjer:
  • Pošalji
• formaction - Koristi se samo sa tipom = "pošalji" i URL-om kao vrijednošću, određuje se gdje će se slati podaci o obrazcu. Na primjer:
  • Pošalji podatke o formi na drugu stranicu
• formenctype - koristi se samo sa atributom type = "submit" . Definiše kako se podaci o šifri šifriraju kada se šalju na server. Te tri vrednosti su aplikacija / x-www-form-urlencoded (podrazumevano), multipart / form-data i text / plain.
• formmethod - Koristi se samo sa tipom = "pošalji" atribut. Ovo određuje koji HTTP metod će se koristiti prilikom podnošenja podataka o obliku, bilo da se dobije ili objavi.
• formnovalidate - koristi se samo sa atributom type = "submit" . Podaci o formi neće biti potvrđeni prilikom podnošenja.
• formtarget - Koristi se samo sa atributom type = "submit" . Ovo ukazuje na to gde se odgovor na sajtu treba prikazati kada se podnose podaci o obliku, na primer u novom prozoru itd. Opcije vrijednosti su ili _blank, _self, _parent, _top ili određeno ime frejma.

Ako koristite forme, možda ćete želeti da pročitate pravljenje dugmadi u obliku HTML-a , i kako učiniti vašu web lokaciju korisnijom.