Curso de HTML 4.0 y CSS
10.1- CAMPOS DE TEXTO 10.1.1- TEXTO CORTO. Para crear una caja de texto utilizamos la etiqueta <input> y dentro de esta hemos de especificar el valor de los atributos type y name siendo atributos imprescindibles. La etiqueta es de la forma: <input type="text" name="nombre"> mediante la cual creamos una caja de texto (valor del atributo type) cuyo contenido será llamado nombre (valor del atributo name).
ejemplo01: <FORM ACTION="MAILTO:gorkaccu@msn.com" method="post" enctype="text/plain"> Nombre: <input type="text" name="nombre">
10.1.2- TEXTO OCULTO
</form>
Para que aparezcan asteriscos en vez de texto utilizamos el valor password en el atributo type. Esto es muy útil para los campos destinados a contraseñas (passwords).
10.1.3- TEXTO LARGO Para obtener una caja de texto con varias líneas se ha de utilizar la etiqueta <textarea> con su cierre correspondiente </textarea>, y los atributos name, rows (para definir el número de líneas) y cols (para definir el número de columnas). También podemos predefinir el contenido del área de texto escribiendo entre la etiqueta <textarea> y </textarea> (cierre) el texto que queramos. No se usa el atributo value.
ejemplo03:
Disponemos también de otros atributos que no son imprescindibles:
• • •
size: para asignar en pixels el tamaño visible de la caja de texto. maxlength: para asignar el tamaño máximo de caracteres que va a admitir la caja de texto. value: para asignar un valor predefinido, es decir, para que cuando se cargue el formulario aparezca ya escrito el valor que hemos asignado a value.
<FORM ACTION="MAILTO:gorkaccu@msn.com" method="post" enctype="text/plain"> <p>Password: <input type="password" name= "password"></p> <textarea name="comentario" rows="10" cols="40">Escribe tu comentario... </textarea> </form>
ejemplo02: <FORM ACTION="MAILTO:gorkaccu@msn.com" method="post" enctype="text/plain"> <p>Tamaño cambiado: <input type="text" name="nombre" size="50"></p> <p>Sólo deja 5 caracteres: <input type="text" name="nombre" maxlength="5"></p> <p>Value: <input type="text" name="nombre" value="Michael Jordan"></p> </form>
Colección FAST LEARNING -
Quark Inside S.L. - Gorka Calleja Urraca (Departamento Técnico)
25 de 48