Tecnología

Inicio

Cómo hacer un cuadro de texto que puede expandirse

April 23

Cuando se crea un cuadro de texto en su página web, que proporciona un espacio en el que un usuario puede introducir su propio contenido. Si bien se puede establecer un cuadro de texto para abrir a un tamaño específico, el usuario puede introducir más texto del que cabe en el espacio que usted ha proporcionado de manera que la parte del texto no es visible. Sin embargo, si usted hace cuadros de texto que pueden ampliar, el usuario puede arrastrar la esquina inferior de manera que todo el texto es visible a la vez.

Instrucciones

1 Iniciar sesión en el servidor Web y seleccione la página HTML en el que desea colocar el cuadro de texto que se puede ampliar.

2 Haga clic dentro de la sección <head> de la página e insertar este código:

<Script language = "JavaScript" src = "/ js / textarea-resizer.js"> </ script>

3 Introducir el código en la línea siguiente:

window.onload = function () {textareaResizer.addToAll (); }

4 Haga clic en la sección <body> de la página e insertar este código:

<Style type = "text / css">

.textarea-mango {

altura: 5px;

bloqueo de pantalla;

Anchura: 450px;

background: # C5C5C5;

Imagen de fondo: URL ( 'http://www.mollerus.net/images/grab-handle.gif');

background-repeat: no-repeat;

background-position: 50% al 50%;

}

</ Style>

5 Publicar la página.