Skip to main content

Creació de botons amb etiquetes d'entrada HTML en formularis

Taula de continguts:

Anonim

Podeu crear botons de text personalitzables en HTML mitjançant el etiqueta. El element s'utilitza en un

element.

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

Per exemple:

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

El

Encara que utilitzeu l'etiqueta d'entrada per crear un botó funciona per al seu propòsit, és una millor opció per utilitzar-la Etiqueta per crear botons HTML del vostre lloc web. El L'etiqueta és més flexible, ja que 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 un botó d'enviament o restabliment sense necessitat de cap tipus de JavaScript.

Voldreu especificar el botó escriu atribut en qualsevol etiquetes 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 - Reinicia tots els valors.
  • Presentar - 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ó.
  • inhabilitar - Apaga el botó.

HTML5 afegeix alguns atributs addicionals al

  • Formació - Usat només amb type = "submit" i un URL com a valor, especifica on s'enviaran les dades del formulari. Per exemple:
  • formenctype - Usat només amb type = "submit" atribut 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 / simple.
  • formmethod - Usat només amb type = "submit" atribut Això especifica el mètode HTTP que s'utilitzarà en enviar dades de formulari, tampoc aconseguir o publicació
  • formnovalidate - Usat només amb type = "submit" atribut Les dades del formulari no es validaran quan es presenten.
  • formtarget - Usat només amb type = "submit" atribut Això indica on s'ha de mostrar la resposta del lloc quan s'envien les dades del formulari, com ara en una finestra nova, etc. Les opcions de valor són bé _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.