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.

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.

 Click Here function hello(){ alert(&apos;hello javatpoint user&apos;); }

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.

 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.

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.