Come fare una casella di testo che può espandersi

December 30

Quando si crea una casella di testo nella pagina Web, è necessario fornire uno spazio in cui un utente può inserire il proprio contenuto. Mentre è possibile impostare una casella di testo per aprire ad una dimensione specifica, l'utente può immettere più testo che si inserisce nello spazio che avete fornito in modo che parte del testo non è visibile. Tuttavia, se si effettua una caselle di testo che possono espandere, l'utente può trascinare il suo angolo in basso in modo che tutto il testo è visibile in una sola volta.

istruzione

1 Accedi al tuo server Web e selezionare la pagina HTML in cui si desidera posizionare la casella di testo che può espandersi.

2 Fare clic all'interno della sezione <head> della pagina e inserire questo codice:

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

3 Input questo codice sulla riga successiva:

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

4 Fare clic nella sezione <body> della pagina e inserire questo codice:

<Style type = "text / css">

.textarea-handle {

altezza: 5px;

blocco di visualizzazione;

width: 450px;

background: # C5C5C5;

background-image: URL ( 'http://www.mollerus.net/images/grab-handle.gif');

background-repeat: no-repeat;

background-position: 50% 50%;

}

</ Style>

5 Pubblicare la pagina.