El atributo value

Sirve para especificar un valor inicial para el input

El atributo readonly

Sirve para especificar que un input no se puede cambiar

El atributo disabled

El input queda deshabilitado, no se puede clicar, y el valor no se envía cuando se envía el formulario.

El atributo size

Especifica cómo de ancho tiene que ser el input, en número de caracteres.

El atributo maxlength

Establece el máximo número de caracteres en el input

Los atributos de HTML5

HTML5 incluyó algunos nuevos atributos para los input:

  • autocomplete

  • autofocus

  • form

  • formaction

  • formenctype

  • formmethod

  • formnovalidate

  • formtarget

  • height and width

  • list

  • min and max

  • multiple

  • pattern (regexp)

  • placeholder

  • required

  • step

También incluyo estos para el <form>

  • autocomplete

  • novalidate

El atributo autocomplete

Define si el formulario o el input debería de tener autocompletado o no por parte del navegador. Los valores son “on” o “off”.

El atributo novalidate

Este atributo es para el <form> y especifica que los datos no tienen que validarse en el envío.

El atributo autofocus

Este atributo especifica que automáticamente ese input tenga el foco cuando carga la página.

El atributo form

Indica que un input pertenece a un formulario, este input puede estar fuera del elemento <form>.

El atributo formaction

Especifica la URL que procesa el formulario cuando sea enviado, es decir, se sobreescribe el action del <form>.

Se usa en los input de tipo submit e image.

El atributo formenctype

Especifica la codificación de los datos cuando se envían (solo con POST). Sobreescribe el enctype del <form>. Y se usa en los input de type submit e image.

El atributo formmethod

Define el método HTTP a usar cuando se envían los datos. Sobreescribe el method del <form>. Y se usa en los input de tipo submit e image.

El atributo formnovalidate

Sobreescribe el atributo novalidate del form.

El atributo formtarget

Sobreescribe el atributo target del form.

Los atributos width y height

Estos dos atributos sirve para especificar el ancho y alto de un input de tipo image.

El atributo list

Hace referencia a un <datalist> que contiene una lista predefinida con opciones para ese input.

Los atributos min y max

Establecen el mínimo y máximo valor que puede tomar el input. Funciona con los tipos: number, range, date, datetime-local, month, time y week.

El atributo multiple

Permite al usuario introducir más de un valor en el input. Los tipos con los que funciona son: email y file.

El atributo pattern

Define una expresión regular que se usará para validar el input. Funciona con los tipos: text, search, url, tel, email y password.

El atributo placeholder

Especifica un texto en el input que se ve antes de rellenarlo. Funciona con los tipos text, search, url, tel, email y password.

El atributo required

Determina si el input debe ser rellenado antes de enviar los datos del formulario. Funciona con los tipos: text, search, url, tel, email, password, date pickers, number, checkbox, radio y file.

El atributo step

Especifica el intervalo entre los que cambian los números de un input. Funciona con los tipos: number, range, date, datetime-local, month, time y week.

Reply

Avatar

or to participate

Sigue leyendo