Etiqueta <button> HTML

❮ AnteriorReferencia deHTML completaSiguiente ❯

Ejemplo

Un botón pulsable está marcado de la siguiente manera:

<button type="button">Click Me!</button>

Inténtalo tú mismo "

---

Definición y uso

La etiqueta <button> define un botón pulsable.

Dentro de un elemento <button> puede poner contenido, como texto o imágenes. Esta es la diferencia entre este elemento y los botones creados con el elemento <input>.

Consejo: Siempre especifique el atributo de tipo para un elemento <button>. Los diferentes navegadores utilizan diferentes tipos predeterminados para el elemento <button>.

Consejo: los botones a menudo están diseñados con CSS: Pruébelo »

---

Soporte del navegador

Element
<button>	Yes	Yes	Yes	Yes	Yes

---

Consejos y notas

Nota: Si usa el elemento <button> en un formulario HTML, los diferentes navegadores pueden enviar diferentes valores. Use <input> para crear botones en un formulario HTML.

Sugerencia: visite nuestro Tutorial de botones de CSS para descubrir cómo diseñar botones 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.

Attribute	Value	Description
autofocus	autofocus	Specifies that a button should automatically get focus when the page loads
disabled	disabled	Specifies that a button should be disabled
form	form_id	Specifies one or more forms the button belongs to
formaction	URL	Specifies where to send the form-data when a form is submitted. Only for type="submit"
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Specifies how form-data should be encoded before sending it to a server. Only for type="submit"
formmethod	get post	Specifies how to send the form-data (which HTTP method to use). Only for type="submit"
formnovalidate	formnovalidate	Specifies that the form-data should not be validated on submission. Only for type="submit"
formtarget	_blank _self _parent _top framename	Specifies where to display the response after submitting the form. Only for type="submit"
name	name	Specifies a name for the button
type	button reset submit	Specifies the type of button
value	text	Specifies an initial value for the button

---

Atributos globales

La etiqueta <button> también admite los atributos globales en HTML .

---

Atributos del evento

La etiqueta <button> también admite los atributos de evento en HTML .

---

páginas relacionadas

Referencia de HTML DOM: Objeto de botón

CSS Tutorial: Styling Buttons

---

Configuración CSS predeterminada

Ninguna.

❮ AnteriorReferencia deHTML completaSiguiente ❯