logo

Etiqueta de botón HTML

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 Here 
Prué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> Submit 
Prué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> reset 
Prué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.

AtributoDescripción
enfoque automáticoEspecifica que un botón debe enfocarse automáticamente mientras se carga la página.
desactivadoEspecifica que un botón debe estar deshabilitado.
formaEspecifica uno o más formularios a los que pertenece el botón.
formaciónSe utiliza para el tipo de envío. Especifica dónde enviar los datos del formulario cuando se envía el formulario.
método de formaEspecifica cómo enviar datos del formulario.
tipo de formaEspecifica cómo se deben codificar los datos del formulario antes de enviarlos al servidor.
formularionovalidarEspecifica que los datos del formulario no deben validarse en el momento del envío.
objetivo de formularioEspecifica dónde mostrar la respuesta después de enviar el formulario.
nombreEspecifica el nombre del botón.
tipoEspecifica el tipo de botón.
valorEspecifica el valor del botón.

Navegadores compatibles

Elemento navegador cromoCromo es decir, navegadorES DECIR navegador firefoxFirefox navegador de óperaÓpera navegador safariSafari

La etiqueta de botón HTML también admite los atributos globales y de evento en HTML.