La etiqueta se utiliza para crear un botón en el que se puede hacer clic dentro del formulario HTML de su página web. Puedes poner contenido como texto o imagen dentro de la etiqueta .........
Siempre debes especificar el atributo de tipo para una etiqueta. Diferentes navegadores utilizan diferentes tipos predeterminados para el elemento del botón.
La etiqueta de botón HTML se puede utilizar dentro y fuera del formulario.
trimestre en el negocio
Si lo usas dentro del formulario , funciona como el botón de enviar. También puedes usarlo como botón de reinicio.
Si lo usas fuera del formulario , puedes llamar a la función JavaScript en él.
Ejemplo de etiqueta de botón HTML
Veamos el código para mostrar el botón.
Click HerePruébalo ahora
Producción:
Haga clic aquíEjemplo de botón HTML: llamada a la función JavaScript
Veamos el código para llamar a la función JavaScript al hacer clic en el botón.
actriz amrita rao
Click Here function hello(){ alert('hello javatpoint user'); }Pruébalo ahora
Producción:
Haga clic aquíEjemplo de botón HTML: enviar formulario
Veamos el código para enviar el formulario al hacer clic en el botón.
Enter Name: <br> SubmitPruébalo ahora
Producción:
Ingrese su nombre:Entregar
Ejemplo de botón HTML: restablecer formulario
Veamos el código para enviar el formulario al hacer clic en el botón.
en vez de
Enter Name: <br> resetPruébalo ahora
Producción:
Ingrese su nombre:Reiniciar
Atributos de la etiqueta del botón HTML
La etiqueta admite todos los atributos globales y algunos atributos adicionales específicos.
Se proporciona una lista de atributos de etiquetas de botones HTML.
Atributo | Descripción |
---|---|
enfoque automático | Especifica que un botón debe enfocarse automáticamente mientras se carga la página. |
desactivado | Especifica que un botón debe estar deshabilitado. |
forma | Especifica uno o más formularios a los que pertenece el botón. |
formación | Se utiliza para el tipo de envío. Especifica dónde enviar los datos del formulario cuando se envía el formulario. |
método de forma | Especifica cómo enviar datos del formulario. |
tipo de forma | Especifica cómo se deben codificar los datos del formulario antes de enviarlos al servidor. |
formularionovalidar | Especifica que los datos del formulario no deben validarse en el momento del envío. |
objetivo de formulario | Especifica dónde mostrar la respuesta después de enviar el formulario. |
nombre | Especifica el nombre del botón. |
tipo | Especifica el tipo de botón. |
valor | Especifica el valor del botón. |
Navegadores compatibles
Elemento | Cromo | ES DECIR | Firefox | Ópera | Safari |
Sí | Sí | Sí | Sí | Sí |