La caja de texto básica se escribiría de la siguiente forma:

Como el type= “text” le da a la caja una apariencia sencilla. Estos se usan de campos se usan para albergar informaciones cortas y concretas.

Podemos completar el estilo de esta caja gracias a los siguientes atributos:

size: mediante el atributo size podemos definir el tamaño de la caja. Es decir, la apariencia de la misma. Si el texto que vamos a escribir no cabe en la caja, éste se desplazará pero sin que la caja varíe su tamaño. El texto irá desapareciendo por la izquierda.

maxlength: Este atributo nos sirve para definir la cantidad máxima de letras que se pueden escribir en la caja. No se podrán escribir en la caja más caracteres que los indicados por el maxlength.

value: Define si queremos que en la ventana haya un texto ya preescrito. Este texto puede ayudar al usuario a saber cúal es el tipo de dato que te piden en ese campo.

name: para ponerle un nombre al campo. Esto resulta muy útil a la hora de gestionar la información que nos llegue.

Mira el siguiente código:

Aquí vemos un tipo de caja “text” con un tamaño de 15 y un límite de caracteres de 30. Además, tiene un texto preescrito en él. El resultado sería el siguiente:

	Creado por Dana Paola Valdez Soto hace alrededor de 5 años

Primer proyecto