Casella di testo HTML | Spiegato

Hai visto in molti software e siti Web quando si fa clic sull'area di testo, il cursore inizia a battere le palpebre lì, indicando che gli utenti possono iniziare a digitare. Questa funzionalità specificata può essere inclusa utilizzando la casella di testo HTML. Più specificamente, la casella di testo è l'elemento comune in HTML in grado di controllare l'input dell'utente. È un'area in cui gli utenti possono inserire qualsiasi testo di input.

Questa guida discuterà:

• Quali sono i tipi di caselle di testo HTML?
• Caselle di testo HTML a riga singola
• Caselle di testo HTML multi-riga

Iniziamo!

Quali sono i tipi di caselle di testo HTML?

Esistono due tipi di caselle di testo HTML:

• Casella di testo a riga singola: Questo tipo di casella di testo prende input a riga singola dall'utente nella pagina Web.
• Casella di testo multilinea: Questo tipo di casella di testo richiede l'input di testo a più righe dall'utente nella pagina Web.

Dirigiti verso di loro uno per uno!

Come creare una casella di testo HTML a riga singola?

Per creare una casella di testo HTML a riga singola, seguire la sintassi di seguito:

Nella sintassi data, il tag di input ha due attributi:

• "tipo"Rappresenta il tipo di campo di input che può essere impostato in base alle preferenze. Ad esempio, potrebbero essere campi di testo, campi di password, campi e -mail e molto altro ancora.
• "nome"Dell'elemento che verrà utilizzato come riferimento in JavaScript e di recupero dei dati dopo l'invio.

Esempio: creazione della casella di testo HTML a riga singola

Creiamo due campi di input usando il ""Tag e specificando il suo tipo come"testo". Inoltre, specificare il nome del primo campo di input come "user_name1"E il secondo come"user_name2":

Nome di battesimo:
Cognome:

Attualmente, la pagina Web sembrerà che questa abbia due singole caselle di testo:

Nella prossima sezione, impareremo come creare una casella di testo multi-riga.

Come creare caselle di testo HTML multi-riga?

La casella di testo multilinea HTML viene utilizzata nei moduli per raccogliere feedback o commenti dall'utente. Raccogli più righe di testo. Inoltre, il ""Il tag può essere utilizzato per la creazione di caselle di testo HTML multi-riga.

Sintassi

Ecco la sintassi per creare una casella di testo multilinea in HTML:

La descrizione della sintassi sopra è menzionata qui:

• "nome"Viene utilizzato per specificare il nome dell'elemento in modo che possa essere ulteriormente utilizzato come in JavaScript.
• "Cols" E "file"Sono utilizzati per le dimensioni dell'area di testo aggiungendo i loro valori come"N1" E "N2".

Chiariamo questo concetto con l'aiuto dell'implementazione!

Esempio: creazione di caselle di testo HTML multi-line

Nella pagina Web, aggiungi il tag, specifica "nome" COME "feedback","id" COME "F_AREA", Num di colonne"Cols" COME "30", E il numero di"file" COME "10". Il testo predefinito che deve essere visualizzato all'interno della casella di testo multi-riga verrà scritto all'interno dei tag di apertura e chiusura dell'area di testo:

Area di feedback:


Dai il tuo feedback qui!

Come puoi vedere nell'immagine seguente, la casella di testo multi-riga verrà visualizzata nella pagina Web:

Questi sono i modi per creare caselle di testo a riga singola e multilinea in HTML.

Conclusione

Le caselle di testo HTML sono elementi comunemente usati nei moduli per prendere gli input dell'utente. Esistono due tipi di caselle di testo HTML: caselle di testo a riga singola e caselle di testo multi-riga. IL "" E ""I tag possono essere utilizzati per creare caselle di testo a linea singola e multipla, rispettivamente. In questa guida, abbiamo spiegato cos'è una casella di testo HTML e come creare caselle di testo a riga singola e multilinea in HTML.