Mentre navigate su Internet, probabilmente incontrerete una casella di testo. Caselle di testo, che spesso si trovano in forme, consentono ai siti web raccogliere dati dagli utenti. Questi dati possono essere semplici come login valori oras complesso come forum messaggi e commenti. Uno sviluppatore Web determina le dimensioni di una casella di testo basata sul ruolo della casella di testo in una pagina Web.

Impostare la dimensione di casella di testo utilizzando elemento Input

Per creare una casella di testo, aggiungere un elemento di input in un punto qualsiasi all'interno della sezione "corpo" di un documento HTML. Dare l'elemento input un valore della proprietà di "testo" e il browser visualizzerà la casella di testo quando si apre la pagina Web. Per impostare il numero di colonne in una casella di testo, impostare proprietà di "dimensione" dell'elemento input su un numero positivo. Il valore impostato, ad esempio 20, determina il numero di colonne che della casella di testo conterrà.

Impostare la dimensione di casella di testo utilizzando CSS.

Quando si utilizza CSS, acronimo di Cascading Style Sheets, è possibile personalizzare gli elementi della pagina Web senza modificare qualsiasi elemento HTML. Invece, si aggiorna una "classe" all'interno di un file CSS. Che fa sì che tutti gli elementi HTML che fa riferimento alla classe per riflettere la modifica. Ad esempio, se la pagina HTML contiene una casella di testo con un riferimento a una classe CSS denominato "bigbox", la casella di testo assumerà le caratteristiche fisiche definite nella classe "bigbox". Se la classe di "bigbox" ha un parametro larghezza il cui valore è 100 pixel, è necessario che la casella di testo sarà 100 pixel di larghezza. Modificare la classe CSS a 300 pixel e le dimensioni della casella di testo aumenterà a 300 pixel.

Elemento textarea

Non è difficile confondere un elemento textarea con un elemento della casella di testo. TextArea elementi simile a caselle di testo. Textareas hanno anche molte delle proprietà trovata nelle caselle di testo, come il colore del carattere, dimensione del bordo e dei margini. Gli sviluppatori utilizzano elementi textarea quando hanno bisogno di visualizzare e catturare più righe di testo. Fanno questo impostando una textarea "cols" e "righe", che sono proprietà che determinano la larghezza e l'altezza. È inoltre possibile modificare l'aspetto di un'area di testo utilizzando i CSS.