Ejemplo
Un botón puede hacer clic está marcado como sigue:
<button type="button">Click Me!</button>
Inténtalo tú mismo " Definición y Uso
El <button> etiqueta define un botón que se pulse.
Dentro de un <button> elemento se puede poner el contenido, como texto o imágenes. Esta es la diferencia entre este elemento y los botones creados con el <input> elemento.
Consejo: Siempre especificar el type atributo para un <button> elemento.Los distintos navegadores utilizan diferentes tipos predeterminados para el <button> elemento.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <button> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Nota: Si se utiliza el <button> elemento de un formulario HTML, diferentes navegadores pueden presentar valores diferentes.Utilice <input> para crear botones en un formulario HTML.
Consejo: Visita nuestra CSS Botones Tutorial para encontrar la manera de botones de estilo con CSS.
Diferencias entre HTML 4.01 y HTML5
HTML5 tiene los siguientes atributos nuevos: autofocus, form, formaction, formenctype, formmethod, formnovalidate , y formtarget .
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| autofocus | autofocus | Especifica que un botón debe obtener automáticamente el foco cuando se carga la página |
| disabled | disabled | Especifica que un botón debe ser desactivada |
| form | form_id | Especifica una o más formas en el botón pertenece a |
| formaction | URL | Especifica dónde enviar el formulario-datos cuando se envía un formulario. Sólo para type="submit" |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Especifica cómo se forman los-datos se codificarán antes de enviarlo a un servidor. Sólo para type="submit" |
| formmethod | get post | Especifica cómo enviar las form-data (el método HTTP para usar). Sólo para type="submit" |
| formnovalidate | formnovalidate | Especifica que la forma-datos no se validan a la presentación. Sólo para type="submit" |
| formtarget | _blank _self _parent _top framename | Especifica dónde se debe mostrar la respuesta después de enviar el formulario. Sólo para type="submit" |
| name | name | Especifica un nombre para el botón |
| type | button reset submit | Especifica el tipo de botón |
| value | text | Especifica un valor inicial para el botón |
Los atributos globales
El <button> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
El <button> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Botón de objetos
CSS Tutorial: Styling Botones
Ajustes por defecto CSS
Ninguna.