logo

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.

bash si condició

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 Here 
Prova-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ó.

tipus de dades primitius en java
 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> Submit 
Prova-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ó.

java prova d'atrapar
 Enter Name: <br> reset 
Prova-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.

AtributDescripció
enfocament automàticEspecifica que un botó hauria de centrar-se automàticament mentre es carrega la pàgina.
discapacitatEspecifica que s'ha de desactivar un botó.
formaEspecifica 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ètodeEspecifica com enviar dades del formulari.
tipus de formaEspecifica com s'han de codificar les dades del formulari abans d'enviar-les al servidor.
formanovalidarEspecifica que les dades del formulari no s'han de validar en el moment de l'enviament.
formattargetEspecifica on mostrar la resposta després d'enviar el formulari.
nomEspecifica el nom del botó.
tipusEspecifica el tipus de botó.
valorEspecifica el valor del botó.

Navegadors compatibles

Element navegador chromeChrome és a dir, navegadorIE navegador firefoxFirefox navegador operaÒpera navegador safariSafari

L'etiqueta de botó HTML també admet els atributs globals i d'esdeveniment en HTML.