Utilizarea etichetei de introducere HTML și a butonului de butoane în Formulare

Prin setarea tipului de atribut la "buton", se va genera un simplu buton clicabil. Puteți defini textul care va apărea pe buton, cum ar fi "Trimiteți", utilizând atributul value .

De exemplu:

Rețineți 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ă un eveniment onclick JavaScript, butonul va apărea ca să poată fi făcut clic, dar nu se va întâmpla nimic și vei fi frustrat cititorii.

Butonul & lt; button & gt; Etichetă alternativă

Deși folosiți eticheta de intrare pentru a crea un buton funcționează în scopul său, este o opțiune mai bună de a utiliza eticheta 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) și poate fi definit ca un tip de trimitere sau de resetare a butonului fără a avea nevoie de JavaScript suplimentar.

Veți dori să specificați atributul tip de buton în orice tag-uri . Există trei tipuri diferite:

• buton - butonul nu are un comportament inerent, dar este folosit împreună cu scripturile care rulează pe partea clientului care pot fi atașate butonului și executate atunci când este făcut clic pe acesta.
• Resetare - Resetează toate valorile.
• trimiteți - 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ă anumite atribute suplimentare tagului

care vă oferă mai multe funcționalități.

• focalizarea automată - Când se încarcă pagina, aceasta indică faptul că acest buton este focalizarea. Doar o singură focalizare automată poate fi utilizată pe o pagină.
• form - asociază butonul cu un formular în cadrul aceluiași document HTML, folosind identificatorul formularului ca valoare. De exemplu:

Trimiteți

formaction - Folosit numai cu type = "submit" și URL ca valoare, specifică unde se vor trimite datele de formular. De exemplu:

Trimiteți datele formularului la o altă pagină

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 aplicație / x-www-form-urlencoded (implicit), multipart / form-date, și text / simplu.

formmethod - Folosit numai cu atribut type = "submit" . Aceasta specifică ce metodă HTTP să se utilizeze la trimiterea datelor din formular, fie să le primiți , fie să le postați.

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

formtarget - Utilizat numai cu type = "submit" atribut. Aceasta 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 valorii sunt fie _blank, _self, _parent, _top, fie un anumit nume de cadru.

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.