Codice HTML per creare l'Area di testo / Nwlapcug.com

Alcuni siti Web sono più di solo le informazioni che il visitatore guarda; Essi sono in realtà interattive in una certa misura. Una delle forme più elementari di aggiunta di interattività a un sito Web è attraverso aree di testo--solitamente in una forma..--che permettono all'utente di inserire il proprio testo. Fortunatamente, aree di testo sono molto facili da creare in HTML con tag standard a pochi.

Aree di testo a riga singola

Per creare un campo di testo breve, single-line, creare form tag nel documento HTML; i tag di modulo dovrebbero assomigliare a questo: < forma >< / form >. Tra la parentesi di chiusura dell'apertura formare tag e la parentesi di chiusura form tag, inserire il codice per il tipo di testo che si desidera visualizzare, come questo: < tipo input = "testo" / >. Infine, il mettere un nome per il campo, in questo caso, la parola "Nome" seguita da due punti per indicare l'utente deve digitare il suo nome nello spazio vuoto del modulo.

Il codice completo per un'area di testo con "nome:" che appare al lato di esso sarebbe simile a questa:

< forma > Nome: < input type = "text" / >< / form >

È possibile immettere come molti tali aree come si desidera all'interno dei tag del modulo stesso.

Testo aree sicure

Se si desidera rendere il testo che tuoi spettatori entrano nell'area di testo illeggibile (e, pertanto, garantire), è possibile farlo facendo l'area di testo un campo password. Per effettuare questa operazione, creare un'area di testo a riga singola come normale, ma sostituire "password" per "testo" nel tipo di input. È comunque possibile utilizzare qualsiasi testo che si desidera al lato del campo.

Il codice completo per una area testo sicuro è come segue:

< forma > Nome: < input type = "password" / >< / form >

Aree di testo di grandi dimensioni

Per creare una più grande di area di testo normale, è necessario un codice diverso all'interno il tag form. Creare i tag per un modulo, quindi immettere il seguente codice: < textarea righe = "" cols = "" >< / textarea >. In mezzo il primo set di virgolette, immettere un numero per definire il numero di righe nell'area di testo (ad esempio, 15 righe lunghe). Tra il secondo set, immettere un numero per definire il numero di colonne nell'area (ad esempio, 100 colonne di larghezza). È inoltre possibile immettere testo in mezzo la parentesi di chiusura dell'apertura tag area di testo e la parentesi di chiusura tag area di testo; Questo testo verrà visualizzato nell'area di testo quando la pagina viene caricata. In questo esempio, useremo "Commenti:."

Il codice dovrebbe apparire come segue:

< forma >< textarea righe = "15" cols = "100" > Commenti: < / textarea >< / form >

Contenenti più aree di testo

Se si stanno facendo più aree di testo e si desidera possano essere raggruppati insieme (per creare un singolo modulo, ad esempio), circondano l'intero raggruppamento (ma non i tag form) con tag fieldset, che simile a questa: < fieldset >< / fieldset >. Questo creerà una casella che chiuderà tutti i campi. È inoltre possibile includere un titolo per l'intero gruppo creando leggenda dei tag (< leggenda >< / leggenda >) solo dopo l'apertura fieldset tag ed inserendo il titolo tra i tag di leggenda.