Etiqueta de botó HTML
L'etiqueta s'utilitza per crear un botó clicable dins del formulari HTML de la vostra pàgina web. Podeu posar contingut com text o imatge dins de l'etiqueta .........
Sempre hauríeu d'especificar l'atribut type per a una etiqueta. Els diferents navegadors utilitzen un tipus predeterminat diferent per a l'element botó.
L'etiqueta HTML Button es pot utilitzar dins i fora del formulari.
Si el fas servir dins del formulari , funciona com a botó d'enviament. També podeu utilitzar-lo com a botó de restabliment.
Si el fas servir fora de la forma , podeu trucar a la funció JavaScript.
Exemple d'etiqueta de botó HTML
Vegem el codi per mostrar el botó.
Click HereProva-ho ara
Sortida:
Clica aquíExemple de botó HTML: crida a la funció JavaScript
Vegem el codi per trucar a la funció JavaScript fent clic al botó.
Click Here function hello(){ alert('hello javatpoint user'); } Prova-ho ara Sortida:
Clica aquíExemple de botó HTML: Envia formulari
Vegem el codi per enviar el formulari fent clic al botó.
Enter Name: <br> SubmitProva-ho ara
Sortida:
Introduïu el nom:Presentar
Exemple de botó HTML: Restableix el formulari
Vegem el codi per enviar el formulari fent clic al botó.
Enter Name: <br> resetProva-ho ara
Sortida:
Introduïu el nom:Restableix
Atributs de l'etiqueta del botó HTML
L'etiqueta admet tots els atributs globals i alguns atributs addicionals específics.
S'ofereix una llista d'atributs d'etiquetes de botó HTML.
| Atribut | Descripció |
|---|---|
| enfocament automàtic | Especifica que un botó hauria de centrar-se automàticament mentre es carrega la pàgina. |
| discapacitat | Especifica que s'ha de desactivar un botó. |
| forma | Especifica un o més formularis als quals pertany el botó. |
| formació | S'utilitza per al tipus d'enviament. Especifica on enviar les dades del formulari quan s'enviï el formulari. |
| forma mètode | Especifica com enviar dades del formulari. |
| tipus de forma | Especifica com s'han de codificar les dades del formulari abans d'enviar-les al servidor. |
| formanovalidar | Especifica que les dades del formulari no s'han de validar en el moment de l'enviament. |
| formattarget | Especifica on mostrar la resposta després d'enviar el formulari. |
| nom | Especifica el nom del botó. |
| tipus | Especifica el tipus de botó. |
| valor | Especifica el valor del botó. |
Navegadors compatibles
| Element |  Chrome |  IE |  Firefox |  Òpera |  Safari |
| Sí | Sí | Sí | Sí | Sí |
