Utilizarea etichetei de introducere pentru a trimite formulare
Formularele HTML sunt una dintre cele mai simple modalități de a adăuga interactivitate site-ului dvs. web. Puteți să adresați întrebări și să solicitați răspunsuri de la cititorii dvs., să furnizați informații suplimentare din baze de date, să configurați jocuri și multe altele. Există o serie de elemente HTML pe care le puteți utiliza pentru a vă construi formularele. Și odată ce ați construit formularul, există multe moduri diferite de a trimite acele date pe server sau de a începe acțiunea formei care rulează.
Acestea sunt mai multe moduri în care puteți trimite formularele:
-
- Aceasta este metoda cea mai obișnuită de a obține date către server, dar poate fi foarte simplu.
-
- Folosind o imagine, este foarte ușor să faci butonul de trimitere să se potrivească cu stilul site-ului tău. Dar unii oameni s-ar putea să nu o recunoască ca pe un buton de trimitere.
-
- Butonul INPUT al butonului oferă numeroase opțiuni ca și eticheta de imagine INPUT, dar seamănă mai mult cu tipul de trimitere standard. Aceasta necesită JavaScript pentru activare.
-
- Eticheta BUTTON este un tip mai versatil de buton decât eticheta INPUT. Această etichetă cere ca Javacript să fie activat.
-
- Elementul COMMAND este nou în HTML5 și oferă o modalitate de a activa scripturi și formulare cu acțiuni asociate. Este activat cu JavaScript.
Elementul INPUT
Elementul INPUT este cea mai obișnuită metodă de a trimite un formular, tot ce faceți este să alegeți un tip (buton, imagine sau trimitere) și, dacă este necesar, să adăugați niște script-uri pentru a trimite acțiunea formularului.
Elementul poate fi scris exact așa. Dar dacă faceți acest lucru, veți avea rezultate diferite în diferite browsere. Majoritatea browserelor fac un buton care afișează "Trimiteți", dar Firefox face un buton care spune "Trimitere interogare". Pentru a modifica ceea ce spune butonul, trebuie să adăugați un atribut:
value = "Trimite formular">
Elementul este scris astfel, dar dacă renunțe la toate celelalte atribute, tot ce se va afișa în browsere este un buton gri gol. Pentru a adăuga text la buton, utilizați atributul value. Dar acest buton nu va trimite formularul decât dacă folosiți JavaScript.
onclick = "submit ();">
Este similar cu tipul de buton, care are nevoie de un script pentru a trimite formularul. Cu excepția faptului că în loc de o valoare de text, trebuie să adăugați o adresă URL sursă de imagine.
src = "submit.gif">
Elementul BUTTON
Elementul BUTTON necesită atât o etichetă de deschidere, cât și o etichetă de închidere. Când o utilizați, orice conținut pe care îl introduceți în etichetă va fi închis într-un buton. Apoi activați butonul cu un script.
Trimiteți formularul
Puteți include imagini în butonul dvs. sau combinați imagini și text pentru a crea un buton mai interesant.
Trimiteți formularul
Elementul COMMAND
Elementul COMMAND este nou cu HTML5. Nu necesită utilizarea unui FORM, dar poate acționa ca un buton de trimitere pentru un formular. Acest element vă permite să creați mai multe pagini interactive fără a solicita formulare decât dacă într-adevăr aveți nevoie de formulare. Dacă doriți ca comanda să spună ceva, scrieți informațiile într-un atribut de etichetă.
etichetă = "Trimite formular">
Dacă doriți ca comanda dvs. să fie reprezentată de o imagine, utilizați atributul icon.
icon = "submit.gif">
Acest articol face parte din Tutorialul HTML Forms. Citiți tutorialul complet pentru a afla cum să utilizați formularele HTML.
Formularele HTML au mai multe modalități diferite de a trimite, așa cum ați învățat pe pagina anterioară. Două dintre aceste metode sunt eticheta INPUT și eticheta BUTTON. Există motive întemeiate să utilizați ambele elemente.
Elementul INPUT
Eticheta este cea mai ușoară modalitate de a trimite un formular. Nu necesită nimic dincolo de etichetă, nici măcar o valoare. Atunci când un client face clic pe buton, el trimite automat. Nu este nevoie să adăugați scripturi, browserele știu să trimită formularul când se face clic pe o etichetă introductivă INPUT.
Problema este că acest buton este foarte urât și simplu. Nu puteți adăuga imagini la acesta. Puteți să-l stil ca orice alt element, dar se poate simți ca un buton urât.
Utilizați metoda INPUT atunci când formularul dvs. trebuie să fie accesibil chiar și în browserele care au JavaScript dezactivat.
Elementul BUTTON
Elementul BUTTON oferă mai multe opțiuni pentru trimiterea formularelor. Puteți pune ceva în interiorul unui element BUTTON și îl transformați într-un buton de trimitere. Cel mai frecvent oamenii folosesc imagini și text. Dar ai putea să creezi un DIV și să faci acel lucru complet un buton de trimitere dacă vrei.
Cel mai mare dezavantaj al elementului BUTTON este faptul că acesta nu trimite automat formularul. Aceasta înseamnă că trebuie să existe un tip de script pentru ao activa. Și astfel este mai puțin accesibil decât metoda INPUT. Orice utilizator care nu are JavaScript activat nu va putea trimite un formular cu doar un element BUTTON pentru al trimite.
Utilizați metoda BUTTON pe formele care nu sunt la fel de importante. De asemenea, aceasta este o modalitate foarte bună de a adăuga opțiuni suplimentare de depunere într-un singur formular.
Acest articol face parte din Tutorialul HTML Forms . Citiți-o pentru a afla mai multe despre modul de utilizare a formularelor HTML