La etiqueta <button> en HTML se utiliza para definir el botón en el que se puede hacer clic. La etiqueta <button> se utiliza para enviar el contenido. Las imágenes y el contenido del texto se pueden usar dentro de la etiqueta <button>. Los diferentes navegadores usan diferentes tipos predeterminados para <button>. Los botones se pueden diseñar usando CSS.
Sintaxis:
<button type = "button">
Atributos: los diversos atributos que se pueden usar con la etiqueta «botón» se enumeran a continuación:
- enfoque automático : se usa para especificar que el botón debe enfocarse automáticamente o no cuando se carga la página
- disabled : Se utiliza para indicar si el elemento está deshabilitado o no. Si se establece este atributo, el elemento está deshabilitado.
- form : se utiliza para crear un formulario para la entrada del usuario. Hay muchos elementos que > se utilizan dentro de la >etiqueta de formulario.
- formaction : Se utiliza para especificar a dónde enviar los datos del formulario.
- formnovalidate : se utiliza para especificar que el elemento de entrada no debe validarse al enviar el formulario.
- formenctype : se utiliza para especificar que los datos del formulario deben codificarse al enviarse al servidor.
- formmethod : se utiliza para especificar el método HTTP utilizado para enviar datos al enviar el formulario.
- formtarget : se utiliza para especificar el nombre o una palabra clave que indica dónde mostrar la respuesta después de enviar el formulario.
- type : Se utiliza para especificar el tipo de botón para elementos de botón. También se usa en el elemento <input> para especificar el tipo de entrada a mostrar.
- valor : Se utiliza para especificar el valor del elemento con el que se utiliza. Tiene un significado diferente para diferentes elementos HTML.
Ejemplo: El siguiente ejemplo explica la etiqueta del botón HTML.
HTML
<!DOCTYPE html>
<html>
<body>
<h3>HTML button Tag</h3>
<!-- button tag starts from here -->
<button type = "button" onclick =
"alert('Welcome to GeeksforGeeks')">
Click Here
</button>
<!-- button tag ends here -->
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- Borde 12 y superior
- explorador de Internet
- Firefox
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por sheyakhare1999 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA