I moduli sono un elemento di base e importante della pagina HTML che di solito viene utilizzata per ottenere l'input dell'utente. Normalmente, un modulo HTML è costituito da un pulsante di invio, una radio, una radio e una casella di controllo. Utilizzare il tipo di input appropriato se l'utente desidera i campi del modulo per accettare numeri di telefono, indirizzi e -mail e altri dati. Tuttavia, ci sono occasioni in cui gli utenti sono tenuti a compilare i moduli con più informazioni, come il campo di testo di descrizione, per il quale il texarea dovrebbe essere più grande di una riga.

Questo post spiega:

• Metodo 1: come aggiungere più di una riga in ""?
• Metodo 2: come aggiungere più di una riga nel tag ""?

Metodo 1: come aggiungere più di una riga in ""?

Per aggiungere più di una riga in ""Tipo di elemento"textrea"Segui la procedura di seguito donata.

Passaggio 1: aggiungi l'intestazione

Innanzitutto, utilizza qualsiasi tag di intestazione

A

Per aggiungere una voce. Ad esempio, il “

"Il tag viene utilizzato per l'aggiunta di un livello di livello uno.

Passaggio 2: crea un elemento "div"

Successivamente, crea un "div"Elemento con l'aiuto del""Tag. Inoltre, inserire un “classe"Attributo e assegnarlo un valore"Main-Div".

Passaggio 3: inserire l'area di testo

Dopodiché, inserisci un ""Tag insieme ai seguenti attributi:

• "tipo"L'attributo definisce il tipo di""Elemento. Se la "tipo"L'attributo non è determinato, quindi"testo"È impostato come valore predefinito.
• "file"Viene utilizzato per specificare l'altezza di un'area di testo visibile nelle linee.
• "Cols"Viene utilizzato per definire la larghezza dell'area di testo:

Inserire il testo in textrea

Puoi vedere che è stato creato il textrea che può accettare il testo multi-line:

Passaggio 4: stile Style "H1"

Accedi al nome dell'intestazione per tag e applica le proprietà CSS codificate di seguito:

H1
Font in stile: obliquo;
Colore: RGB (231, 173, 14);
Testo-align: centro;

Qui, "stile carattere"È usato per modellare il testo di testa,"colore"Specifica il colore del testo e il"allineamento"Imposta l'allineamento del testo come centro.

Passaggio 5: elemento "div" stile

Innanzitutto, accedi al "div"Elemento usando la classe associata".Main-Div"E applica le seguenti proprietà:

.main-div
In stile bordo: doppio;
Border-color: RGB (2, 187, 233);
Testo-align: centro;
Margine: 40px;
imbottitura: 50px;
Background-color: bisque;

Ecco la descrizione delle proprietà sopra codificate:

• "stile del bordo"È usato per modellare il bordo.
• "colore del bordo"La proprietà assegna un colore a un bordo definito.
• "margine"La proprietà determina il lato esterno dello spazio vuoto del confine dell'elemento.
• "imbottitura"Specifica lo spazio attorno al contenuto dell'elemento.
• "colore di sfondo"Imposta il colore sullo sfondo dell'elemento.

Produzione

Metodo 2: come aggiungere più di una riga nel tag ""?

Come il ""Elemento, l'HTML""Viene inoltre utilizzato per specificare l'area di testo in un documento HTML. Per specificare il “"Di più di una riga, esaminare le istruzioni fornite.

Passaggio 1: Aggiungi l'area di testo

Segui il codice della sezione sopra e aggiungi il ""Elemento invece di""Elemento.

Inoltre, aggiungi "file" E "Cols"Attributi:

Inserire il testo in textrea

Produzione

Nota: Per modellare il “"Elemento tramite CSS, segui il primo metodo.

Conclusione

Per aggiungere più di una riga in HTML ""Tipo di elemento"textrea", Gli utenti possono utilizzare il"file" E "Cols"Attributi. A tale scopo, prima, aggiungi il ""Elemento insieme al tipo"textrea"Attributo. Quindi, utilizza il "file" E "Cols"Attributo per accettare l'input di testo multilinea nell'area di testo. Questo tutorial ha dimostrato i metodi per aggiungere più di una riga nell'area di testo.