English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La etiqueta <button> de HTML es un elemento que representa un botón que se puede hacer clic, y se puede usar en formularios u otros lugares del documento donde se necesite un botón estándar simple. Este elemento también se conoce comúnmente como el elemento <button>.
El siguiente código marca un botón:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Manual básico(oldtoolbag.com)</title>
</head>
<body>
<button type="button" onclick="alert('¡Hola, mundo!')">Haga clic en mí</button>
</body>
</html>Prueba y observa ‹/›IEFirefoxOperaChromeSafari
Todos los navegadores principales admiten la etiqueta <button>.
La etiqueta <button> define un botón.
Dentro del elemento <button>, puede colocar contenido, como texto o imágenes. Esto es diferente de los botones creados con el elemento <input>.
El elemento HTML <button> se encuentra dentro de la etiqueta <body>.
La etiqueta <button> no debe seguir a la etiqueta <a>.
Consejo:Siempre especifique la propiedad type para el elemento <button>. Los navegadores utilizan diferentes valores predeterminados para la propiedad type del elemento <button>.
Notas:Si se utiliza el elemento <button> en un formulario HTML, diferentes navegadores pueden enviar diferentes valores de botón. Utilice <input> Crear un botón en un formulario HTML.
HTML5 nuevos atributos: autofocus, form, formaction, formenctype, formmethod, formnovalidate y formtarget.
New: HTML5 nuevo atributo.
| Atributo | Valor | Descripción |
|---|---|---|
| autofocusHTML5 | autofocus | Se especifica que el botón debe obtener automáticamente el foco al cargar la página. |
| disabled | disabled | Se especifica que el botón debe estar deshabilitado. |
| formHTML5 | form_id | Se especifica que el botón pertenece a uno o más formularios. |
| formactionHTML5 | URL | Se especifica a dónde se enviarán los datos del formulario al enviarlo. Cubre la propiedad action del elemento form. Esta propiedad se utiliza junto con type="submit". |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data text/plain | Se especifica cómo se debe codificar los datos del formulario antes de enviarlos al servidor. Cubre la propiedad enctype del elemento form. Esta propiedad se utiliza junto con type="submit". |
| formmethodHTML5 | get post | Se especifica el método HTTP utilizado para enviar los datos del formulario. Cubre la propiedad method del elemento form. Esta propiedad se utiliza junto con type="submit". |
| formnovalidateHTML5 | formnovalidate | Si se utiliza esta propiedad, no se realiza la validación al enviar el formulario. Cubre la propiedad novalidate del elemento form. Esta propiedad se utiliza junto con type="submit". |
| formtargetHTML5 | _blank _self _parent _top framename | Se especifica dónde abrir el URL de acción. Cubre la propiedad target del elemento form. Esta propiedad se utiliza junto con type="submit". |
| name | name | Define el nombre del botón. |
| type | submit reset button | Define el tipo del botón. |
| value | text | Define el valor inicial del botón. Puede ser modificado por el script. |
Soporte del <button> etiqueta Atributos globales de HTML.
Soporte del <button> etiqueta Atributos de eventos de HTML.
Manual de referencia del DOM HTML: Objeto Button