cuadros de desplazamiento pueden confinar grandes cantidades de texto a un área pequeña, dejando más espacio para otros elementos de la página. Puede utilizar áreas de texto, designadas con "<textarea>," para agregar un cuadro de desplazamiento a una página "Acerca de mí", y después inserte su biografía, credenciales u otra información personal en la caja. Las áreas de texto se utilizan con mayor frecuencia en las formas de recibir los comentarios del usuario y otra de entrada, pero añadiendo el atributo "sólo lectura" a la "<textarea>" etiqueta bloquea el campo de área de texto, la prevención de visitantes de introducción de texto en el cuadro de desplazamiento.
Instrucciones
1 Inserte las etiquetas <textarea> entre las etiquetas <body>:
<Body>
<Textarea>
</ Textarea>
</ Body>
2 Inserte las etiquetas <style> entre las etiquetas <head>:
<Head>
<Style>
</ Style>
</ Head>
3 Añadir el atributo ID en el cuadro de desplazamiento, a continuación, insertar "aboutme" en el campo ID:
<Textarea id = "aboutme">
</ Textarea>
4 Inserte el siguiente entre las etiquetas <style> para editar el formato del cuadro de desplazamiento Acerca de mí:
sobre mi {
altura: Y px;
anchura: X píxeles;
ajuste de línea: break-palabra;
overflow: desplazarse;
}
Reemplazar "Y" y "X" con las dimensiones preferidas para el cuadro de desplazamiento.
5 Añadir el atributo "sólo lectura" a la etiqueta <textarea> para evitar que los usuarios eliminar o añadir texto al cuadro de desplazamiento:
<Textarea id = "aboutme" sólo lectura>
</ Textarea>
6 Escribir el texto entre las etiquetas <textarea> para finalizar la creación de un cuadro de desplazamiento Acerca de mí:
<Textarea id = "aboutme" sólo lectura>
Esta es mi página de perfil.
</ Textarea>
Consejos y advertencias
- Se pueden añadir atributos adicionales a la sección #aboutme del código de la página para modificar aún más la apariencia y el formato del área de texto. Ir a Aptana o Portal CSS para ver los atributos aplicables.