Ús de l'etiqueta d'entrada HTML i l'etiqueta del botó en formularis

En establir el tipus d' atribut a "botó", es generarà un simple botó clicable. Podeu definir el text que apareixerà al botó, com ara "Enviar", utilitzant l'atribut de valor .

Per exemple:

Tingueu en compte que l'etiqueta no enviarà un formulari HTML; encara haurà d'incloure JavaScript per gestionar la presentació de dades del formulari. Sense un esdeveniment onclick de JavaScript, el botó apareixerà com a clicable, però no passarà res, i haureu frustrat els vostres lectors.

El & lt; botó & gt; Etiqueta alternativa

Encara que l'ús de l'etiqueta d'entrada per crear un botó funciona per al seu propòsit, és una millor opció utilitzar l'etiqueta per crear botons HTML del vostre lloc web. L'etiqueta és més flexible perquè us permet utilitzar imatges per al botó (que us ajuda a preservar la coherència visual si el vostre lloc té un tema de disseny), per exemple, i es pot definir com a botó d'enviament o restabliment sense necessitat de cap JavaScript addicional.

Haureu d'especificar l'atribut del tipus de botó en qualsevol etiqueta

. Hi ha tres tipus diferents:

• botó : el botó no té un comportament inherent però s'utilitza conjuntament amb les seqüències d'ordres que s'executen al costat del client que es poden connectar al botó i s'executen quan es fa clic.
• reset - Restableix tots els valors.
• enviar - El botó envia les dades del formulari al servidor (aquest és el valor predeterminat si no es defineix cap tipus).

Altres atributs inclouen:

• nom : dóna al botó un nom de referència.
• valor : especifica un valor assignat inicialment al botó.
• desactivar - Apaga el botó.

HTML5 afegeix alguns atributs addicionals a l'etiqueta

que us proporcionen més funcionalitats.

• enfocament automàtic : quan es carrega la pàgina, això especifica que aquest botó és el focus. Només es pot utilitzar un enfocament automàtic en una pàgina.
• formulari : associa el botó amb un formulari dins del mateix document HTML, usant l'identificador del formulari com a valor. Per exemple:

Submit

Formació : només s'utilitza amb type = "submit" i un URL com a valor, especifica on s'enviaran les dades de formularis. Per exemple:

Enviar dades de formularis a una altra pàgina

formenctype : s'utilitza només amb l'atribut type = "submit" . Defineix com es codificaran les dades de formularis quan s'envien al servidor. Els tres valors són application / x-www-form-urlencoded (per defecte), multipart / form-data i text / plain.

formmethod : s'utilitza només amb l'atribut type = "submit" . Això especifica quin mètode HTTP s'utilitzarà en enviar dades del formulari, ja sigui per obtenir o per publicar.

formnovalidate : s'usa només amb l'atribut type = "submit" . Les dades del formulari no es validaran quan es presenten.

formtarget : s'utilitza només amb l'atribut type = "submit" . Això indica on s'ha de mostrar la resposta del lloc quan es presenten les dades del formulari, com ara en una finestra nova, etc. Les opcions de valor són _blank, _self, _parent, _top o un nom de marc específic.

Si utilitzeu els formularis, és possible que vulgueu llegir al fer botons en formularis HTML i com fer que el vostre lloc sigui més fàcil d'usar.