Dimensioni di caselle di testo in HTML

November 26

Durante la navigazione in Internet, probabilmente si incontrano una casella di testo. Le caselle di testo, spesso si trovano in forme, permettono siti web per raccogliere dati da parte degli utenti. Questi dati possono essere semplice come complesso di valori d'accesso oras come post e commenti del forum. Uno sviluppatore Web determina le dimensioni di una casella di testo in base al ruolo del testo in una pagina Web.

Impostare casella di testo formato Utilizzando elemento di input

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

Impostare casella di testo Dimensioni Utilizzando i CSS.

Quando si utilizzano i CSS, acronimo di Cascading Style Sheets, è possibile personalizzare gli elementi della pagina Web senza modificare alcuna HTML. Invece, si aggiorna una "classe" all'interno di un file CSS. Questo fa sì che tutti gli elementi HTML che fanno riferimento alla classe per riflettere il cambiamento. Ad esempio, se la pagina HTML contiene una casella di testo con un riferimento a una classe CSS chiamato "BigBox," la casella di testo assumerà le caratteristiche fisiche definite nella classe "BigBox". Se la classe "BigBox" ha un parametro di larghezza il cui valore è di 100 pixel, la casella di testo sarà larga 100 pixel. Modificare la classe CSS per 300 pixel e la dimensione del riquadro di testo salirà a 300 pixel.

Textarea Element

Non è difficile confondere un elemento textarea con un elemento di casella di testo. elementi dell'area di testo sono simili alle caselle di testo. Textareas hanno anche molte delle proprietà si trovano in caselle di testo, come il colore del carattere, dimensione del bordo e margini. Gli sviluppatori utilizzano elementi dell'area di testo quando hanno bisogno di visualizzare e catturare più righe di testo. Lo fanno impostando "cols" di una textarea e "righe", che sono le proprietà che ne determinano la larghezza e l'altezza. È inoltre possibile modificare l'aspetto di una textarea usando i CSS.


Articoli Correlati