Crearea butoanelor utilizând etichetele de intrare HTML în Formulare

Aveți posibilitatea să creați butoane personalizabile de text în HTML folosind etichetă. elementul este utilizat în cadrul unui

element.

Prin setarea atributului tip la "butonul", va fi generat un buton simplu clicabil. Puteți defini textul care va apărea pe buton, cum ar fi "Trimiteți", utilizând valoare atribut.

De exemplu:

Fiți conștienți de faptul că eticheta nu va trimite un formular HTML; va trebui în continuare să includeți JavaScript pentru a gestiona transmiterea datelor din formular. Fără JavaScript onclick evenimentul, butonul va apărea ca pe clic, dar nu se va întâmpla nimic și vei fi frustrat cititorii.

Deși folosirea etichetei de intrare pentru a crea un buton funcționează în scopul său, este o opțiune mai bună de a utiliza pentru a crea butoanele HTML ale site-ului. eticheta este mai flexibilă, deoarece vă permite să utilizați imagini pentru buton (care vă ajută să păstrați consistența vizuală dacă site-ul dvs. are o temă de design), de exemplu, și poate fi definit ca un tip de trimitere sau resetare a butonului fără a mai fi necesară nicio extra JavaScript.

Veți dori să specificați butonul tip atribut în orice Etichete. Există trei tipuri diferite:

buton - butonul nu are un comportament inerent, dar este utilizat împreună cu scripturile care rulează pe partea clientului și care pot fi atașate la buton și executate atunci când este făcută clic pe acesta.

restabili - Resetează toate valorile.

a depune - Butonul trimite datele formularului către server (aceasta este valoarea implicită dacă nu este definit niciun tip).

Alte atribute includ:

Nume - Oferă butonului un nume de referință.

valoare - Specifică o valoare care va fi atribuită inițial butonului.

dezactivați - Dezactivează butonul.

HTML5 adaugă câteva atribute suplimentare
formaction - Folosit numai cu type = "submit" și o adresă URL ca valoare, specifică unde se vor trimite datele de formular. De exemplu:

formenctype - Folosit numai cu type = "submit" atribut. Definește modul în care datele de formă vor fi codate atunci când sunt trimise la server. Cele trei valori sunt application / x-www-form-urlencoded (Mod implicit), multipart / form-date, și text / plain.

formmethod - Folosit numai cu type = "submit" atribut. Aceasta specifică ce metodă HTTP să se utilizeze la trimiterea datelor din formular obține sau post.

formnovalidate - Folosit numai cu type = "submit" atribut. Datele formularului nu vor fi validate la trimitere.

formtarget - Folosit numai cu type = "submit" atribut. Acest lucru indică locul în care trebuie afișat răspunsul site-ului când sunt trimise datele de formular, cum ar fi într-o fereastră nouă etc. Opțiunile pentru valori sunt fie _blank, _self, _parent, _top, sau un nume de cadru specific.

Dacă utilizați formulare, vă recomandăm să citiți cu privire la crearea butoanelor în formulare HTML și cum să faceți site-ul dvs. mai ușor de utilizat.