1. Web
  2. HTML
  3. Referencia
  4. Elementos
  5. <input>
  6. <input type="button">

Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

<input type="button">

Baseline
Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.

El elemento HTML <input type="button"> es una versión específica del elemento <input>, que se usa para crear un botón en el que se puede hacer click sin ningún valor por defecto, es decir, no tiene un comportamiento predeterminado como por ejemplo <input type="reset"> . En HTML5 ha sido sustituido por el elemento <button>.

Los navegadores generan un controlador para un botón clickable sin valor por defecto. El botón puede contener cualquier texto. El controlador puede varíar de un navegador a otro.

Categorías de contenido Contenido de flujo, contenido de fraseo, contenido interactivo, listado, etiquetable, y elementos entregables con contenido asociado a los formularios, contenido evidente.
Contenido permitido Contenido de fraseo.
Omisión de etiquetas Ninguna, las etiquetas de inicio y cierre son obligatorias.
Elementos padre permitidos Cualquier elemento que acepte contenido de fraseo.
Interfaz DOM HTMLButtonElement
Tipo de elemento Inline

Atributos

Este elemento puede tener cualquiera de los atributos globales además de los siguientes:

disabled

Este atributo booleano indica que el usuario no puede interactuar con el botón. Si este atributo no está especificado, el botón hereda su configuración del elemento contenedor, por ejemplo, <fieldset>; si no hay elemento contenedor con el atributo disabled establecido, el botón estará habilitado. El valor de control desactivado no es enviado con el formulario y el evento click no será enviado en los controles desactivados.

Firefox, al contrario que otros navegadores, mantiene por defecto el estado de desactivación dinámico de un <button> a lo largo de las cargas de la página. Use el atributo autocomplete para controlar esta característica.

autofocus

Este atributo booleano le permite especificar que el botón deba tener el foco cuando la página se cargue, a no ser que el usuario lo anule, por ejemplo, escribiendo en otro cuadro de texto. Únicamente un elemento asociado con los formularios en un documento puede tener este atributo especificado.

autocomplete

El uso de este atributo en un <button> es algo fuera de lo común, y específico de Firefox. Firefox, por defecto y al contrario de otros navegadores, mantiene por defecto el estado de desactivación dinámico de un <button> a lo largo de las cargas de la página. Establecer el valor de este atributo a off (autocomplete="off") desactiva esta característica.

form

El elemento del formulario con el que el botón está asociado (es dueño del formulario). El valor del atributo debe ser el atributo id de un elemento <form> en el mismo documento. Si este atributo no está especificado, el elemento <button> debe ser hijo de un elemento "formulario". Este atributo le permite colocar elementos <button> en cualquier lugar de un documento, y no únicamento como hijos del elemento <form>.

formenctype

Debido a que el elemento de input es un botón de envío, el atributo formenctype especifica el tipo de contenido que se usa para enviar el formulario al servidor. Los valores posibles son:

  • application/x-www-form-urlencoded: Valor por defecto si el atributo no se especifica.
  • multipart/form-data: Este valor se usa si un elemento <input> es usado con el atributo type fijado a file.
  • text/plain

Si este atributo se especifica, ignora el atributo enctype del formulario dueño del botón.