Atributos de la etiqueta Input del HTML

El atributo value

El atributo value establece el valor inicial para un campo de entrada.

Código:

<form action="">
  Nombre:<br>
  <input type="text" name="nombre" value="Juan">
</form>

Muestra:

Nombre:

El atributo readonly

El atributo readonly establece que el campo de entrada es de lectura solamente, es decir, no se puede cambiar su valor.

Código:

<form action="">
  Nombre:<br>
  <input type="text" name="nombre" value="Juan" readonly>
</form>

Muestra:

Nombre:

El atributo Disabled

El atributo disable establece el campo de entrada como deshabilitado. Un campo de entrada deshabilitado no se puede usar y no se puede hacer clic, y su valor no se enviará al enviar el formulario.

Código:

<form>
  Nombre:<br>
  <input type="text" name="nombre" value="Juan" disabled>
</form>

Muestra:

Nombre:

El atributo Size

El atributo size establece el tamaño en caracteres para un campo de entrada.

Código:

<form>
  Nombre:<br>
  <input type="text" name="nombre" value="Juan" size="40">
</form>

Muestra:

Nombre:

El atributo maxlength establece la longitud máxima permitida para un campo de entrada.

Código:

<form>
  Nombre:<br>
  <input type="text" name="nombre" maxlength="10">
</form>

Muestra:

Nombre:

Con un atributo maxlength, el campo de entrada no aceptará más que el número permitido de caracteres. El atributo maxlength no proporciona ningún comentario. Si desea alertar al usuario, debe escribir el código JavaScript.

Nota: las restricciones de entrada no son infalibles, y JavaScript proporciona muchas formas de agregar entradas ilegales. Para restringir la entrada de forma segura, también debe ser verificado por el receptor (el servidor).