[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/es/docs/Web/HTML/Reference/Elements/input/button [Back]  [Original]

<input type="button"> - HTML | MDN

Esta pgina ha sido traducida del ingls por la comunidad. Aprende ms 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. Its been available across browsers since julio de 2015.

El elemento HTML <input type="button"> es una versin especfica del elemento <input>, que se usa para crear un botn en el que se puede hacer click sin ningn 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 botn clickable sin valor por defecto. El botn puede contener cualquier texto. El controlador puede varar de un navegador a otro.

Categoras 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.
Omisin 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

In this article

Atributos

Este elemento puede tener cualquiera de los atributos globales adems de los siguientes:

disabled

Este atributo booleano indica que el usuario no puede interactuar con el botn. Si este atributo no est especificado, el botn hereda su configuracin del elemento contenedor, por ejemplo, <fieldset>; si no hay elemento contenedor con el atributo disabled establecido, el botn 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 desactivacin dinmico de un <button> a lo largo de las cargas de la pgina. Use el atributo autocomplete para controlar esta caracterstica.

autofocus

Este atributo booleano le permite especificar que el botn deba tener el foco cuando la pgina 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 comn, y especfico de Firefox. Firefox, por defecto y al contrario de otros navegadores, mantiene por defecto el estado de desactivacin dinmico de un <button> a lo largo de las cargas de la pgina. Establecer el valor de este atributo a off (autocomplete="off") desactiva esta caracterstica.

form

El elemento del formulario con el que el botn est asociado (es dueo 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 botn de envo, 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 dueo del botn.

formaction

La URI de la aplicacin que procesa la informacin enviada por le botn. Si se especifica se anula el atributo action del formulario dueo del botn.

formmethod

Debido a que el elemento input es un botn de envo, el atributo formmethod especifica el mtodo HTTP que el navegador utilizar para enviar el formulario. Los valores posibles son:

  • post: Los datos del formulario son incluidos en su cuerpo y son enviados al servidor.
  • get: Los datos del formulario son agregados a la URI del formulario, utilizando un smbolo '?' como separador, la URI resultante es enviada al servidor. Use este mtodo cuando el formulario no tenga efectos secundarios y contenga solo caracteres ASCII.

Si se especifica, este atributo anula el atributo method del formulario dueo del elemento.

formnovalidate

Debido a que el elemento de input es un botn de envo, el atributo formnovalidate especifica que el formulario no debe ser validado cuando sea enviado. Si este atributo es especificado, se anula el atributo novalidate del formulario dueo del elemento. Este atributo es Booleano.

formtarget

Debido a que el elemento de input es un botn de envo, el atributo formtarget es un nombre o palabra clave que indica donde mostrar la respuesta recibida despus de enviar el formulario. Este es un nombre de, o palabra clave para, un contexto navegable (por ejemplo, pestaa, ventana, o inline frame). Si este atributo es especificado, se sobreescribir el atributo target del formulario dueo del elemento. Las siguientes palabras claves tienen significados especiales:

  • _self: Carga la respuesta en el mismo contexto navegable que el actual. Este valor es el predeterminado si el atributo no es especificado.
  • _blank: Carga la respuesta en un nuevo contexto navegable sin nombre.
  • _parent: Carga la respuesta en el contexto navegable padre del actual. Si no hay padre, esta opcin se comporta igual que _self.
  • _top: Carga la respuesta en el contexto navegable superior (es el contexto navegable que es un ancestro del actual y no tiene padre). Si no hay padre, esta opcin se comporta igual que _self.
name

El nombre del botn que ser enviado con los datos del formulario.

type

El tipo dle botn. Los valores posibles son:

  • submit: El botn enva los datos del formulario al servidor. Este es el valor predeterminado si no se especifica el atributo, o si el atributo es cambiado dinmicamente a un valor invlido o vaco.
  • reset: El botn reinicia todos los controles a sus valores iniciales.
  • button: El botn no tiene comportamiento predeterminado. Puede haber scripts de la parte del cliente asociados a los eventos del elemento, que sern lanzados cuando el evento ocurra.
value

El valor inicial del botn.

Ejemplos

Se crea un nuevo input tipo botn con el valor 'Click me'.

html
<input type="button" value="Click me" />

Especificaciones

Specification
HTML
# button-state-(type=button)

Compatibilidad entre navegadores

Ver tambin

  • El elemento genrico <input> y la interface usada para manipularlo, HTMLInputElement
  • El reemplazo en HTML5 para <input type="button">, el elemento <button>.

Web Proxy Viewer  |  New URL  |  Original Page