Els formularis HTML són una de les maneres més bàsiques d'afegir la interactivitat al vostre lloc web. Podeu fer preguntes i sol·licitar respostes dels vostres lectors, proporcioneu informació addicional de bases de dades, configuració de jocs i molt més. Hi ha diversos elements HTML que podeu utilitzar per crear els vostres formularis. I una vegada que hàgiu creat el vostre formulari, hi ha moltes maneres diferents de enviar aquestes dades al servidor o simplement iniciar l'acció del formulari en execució.
Aquestes són diverses maneres d'enviar els vostres formularis:
-
- Aquest és el mètode més comú d'obtenir dades al servidor, però pot ser molt senzill.
-
- L'ús d'una imatge fa que sigui molt fàcil fer que el vostre botó d'enviament s'adapti a l'estil del vostre lloc. Però algunes persones no ho reconeixen com a botó d'enviament.
-
- El botó
ENTRADA L'etiqueta dóna moltes de les mateixes opcions que la imatge
ENTRADA etiqueta, però s'assembla més al tipus d'enviament estàndard. Requereix JavaScript per activar.
- El botó
-
- El
BOTÓ L'etiqueta és un tipus de botó més versàtil que el
ENTRADA etiqueta. Aquesta etiqueta requereix que Javacript s'activi.
- El
- El
COMANDAMENT L'element és nou en HTML5 i proporciona una forma d'activar scripts i formularis amb accions associades. S'activa amb JavaScript.
- El
L'element INPUT
L'entrada
ENTRADA element és la forma més comuna d'enviar un formulari, tot el que feu és triar un tipus (
botó,
imatge, o
Presentar) i, si és necessari, afegiu alguns scripts per enviar-los a l'acció del formulari.
El L'element es pot escriure de la mateixa manera. Però si ho feu, tindreu resultats diferents en diferents navegadors. La majoria de navegadors fan un botó que diu "Enviar", però Firefox fa un botó que diu "Enviar consulta". Per canviar el que diu el botó, heu d'afegir un atribut:
value = "Submit Form">
L'element s'escriu així, però si deixeu els altres atributs, tot el que es mostrarà als navegadors és un botó gris buit. Per afegir text al botó, utilitzeu el
valoratribut Però aquest botó no enviarà el formulari a menys que utilitzeu JavaScript.
onclick = "submit ();">
És similar al
botótipus, que necessita un script per enviar el formulari. Excepte que, en comptes d'un valor de text, heu d'afegir un URL d'origen de la imatge.
Element del botó
El
BOTÓL'element requereix tant una etiqueta d'obertura com una etiqueta de tancament. Quan l'utilitzeu, qualsevol contingut que inclogui a l'interior de l'etiqueta quedarà tancat en un botó. A continuació, activeu el botó amb un script.
Envieu el formulari
Podeu incloure imatges al botó o combinar imatges i text per crear un botó més interessant.
L'element de comandament
El
COMANDAMENTL'element és nou amb HTML5. No requereix un
FORMULARI per ser utilitzat, però pot actuar com un botó d'enviar per un formulari. Aquest element us permet crear pàgines interactives sense necessitat de formularis a menys que realment necessiteu formularis. Si voleu que l'ordre digui alguna cosa, escriviu la informació en un
etiquetaatribut
label = "Enviar formulari">
Si voleu que la vostra comanda sigui representada per una imatge, utilitzeu la
iconaatribut
icon = "submit.gif">
Els formularis HTML tenen diverses formes d'enviar, tal com heu après a la pàgina anterior. Dos d'aquests mètodes són els
ENTRADAetiqueta i el
BOTÓetiqueta. Hi ha bones raons per utilitzar aquests dos elements.
L'element d'entrada
L'etiqueta és la forma més senzilla d'enviar un formulari. No requereix res més enllà de l'etiqueta, ni tan sols un
valorQuan un client fa clic al botó, s'envia automàticament. No cal que afegiu cap scripts, els navegadors saben que envien el formulari quan envieu
ENTRADAes fa clic a l'etiqueta.
El problema és que aquest botó és molt lleig i senzill. No podeu afegir-hi imatges. Podeu estilar-lo com qualsevol altre element, però encara se sent un botó lleig.
Utilitzar el
ENTRADAmètode quan el vostre formulari ha de ser accessible fins i tot en navegadors que tinguin JavaScript desactivat.
Element BUTTON
El
BOTÓL'element ofereix més opcions per enviar formularis. Podeu posar qualsevol cosa a l'interior
BOTÓelement i convertir-lo en un botó d'enviar. Més freqüentment, les persones utilitzen imatges i text. Però podeu crear un
DIV i feu que tot això envieu un botó si voleu.
El major inconvenient de la
BOTÓL'element és que no envia automàticament el formulari. Això vol dir que cal que hi hagi algun tipus d'script per activar-lo. Per tant, és menys accessible que el
ENTRADAmètode. Qualsevol usuari que no tingui JavaScript activat no podrà enviar un formulari amb només un
BOTÓelement per enviar-lo.
Utilitzar el
BOTÓmètode en formularis que no són tan crítics. A més, aquesta és una bona manera d'afegir opcions d'enviament addicionals d'un sol formulari.
