July 21
Alcuni siti web sono più di semplici informazioni che il visitatore guarda; sono in realtà interattiva in una certa misura. Una delle forme più elementari di aggiungere interattività a un sito web è attraverso aree di testo - solitamente in un form-- che permettono all'utente di inserire il proprio testo. Fortunatamente, aree di testo sono molto facili da creare in HTML con pochi tag standard.
Per creare un campo di testo breve, a linea singola, creare tag form nel documento HTML; i tag di modulo dovrebbe essere simile a questo: <form> </ form>. In mezzo la parentesi di chiusura del tag di apertura e la staffa del tag form apertura chiusura, inserire il codice per il tipo di testo che si desidera visualizzare, in questo modo: <input type = "text" />. Infine, inserire un nome per il campo, in questo caso, la parola "Nome" seguita da due punti per indicare che l'utente deve digitare il suo nome nello spazio vuoto della maschera.
Il codice completo per tale area di testo con "Nome:" che appare accanto ad essa sarebbe simile a questa:
<Form> Nome: <input type = "text" /> </ form>
È possibile inserire il maggior numero di settori come si desidera entro gli stessi tag form.
Se si vuole rendere il testo che gli spettatori entrano nell'area di testo illeggibile (e, di conseguenza, sicuro), è possibile farlo, rendendo l'area di testo un campo password. Per fare questo, creare un'area di testo a riga singola come al solito, ma sostituire "password" per "testo" nel tipo di ingresso. È comunque possibile utilizzare qualsiasi testo che si desidera accanto al campo.
Il codice completo per una tale area di testo sicura è la seguente:
<Form> Nome: <input type = "password" /> </ form>
Per creare una più grande del normale area di testo, è necessario un codice diverso all'interno dei tag form. Creare i tag per una forma, quindi inserire il seguente codice: <textarea rows = "" cols = ""> </ textarea>. Tra il primo gruppo di virgolette, immettere un numero per definire il numero di righe di testo (per esempio, lungo 15 righe). Tra il secondo set, immettere un numero per definire il numero di colonne nella zona (per esempio, larghezza 100 colonne). È anche possibile inserire il testo tra la parentesi di chiusura del tag di apertura area di testo e la staffa del tag di chiusura area di testo di apertura; Questo testo apparirà nell'area di testo al caricamento della pagina. In questo esempio, useremo "Commenti :."
Il codice dovrebbe apparire come segue:
<form> <textarea rows = "15" cols = "100"> Commenti </ textarea> </ form>
Se si stanno facendo più aree di testo e si desidera a tutti di essere raggruppati insieme (per creare un unico modulo, per esempio), circondare l'intero gruppo (ma non la forma tag) con tag fieldset, che assomigliano a questo: <fieldset> < / fieldset>. Questo creerà un dialogo che racchiudere tutti i campi. È inoltre possibile includere un titolo per l'intero gruppo con la creazione di tag legend (<legend> </ legend>) subito dopo il tag di apertura fieldset e inserendo il documento nella leggenda tra i tag.
Il codice dovrebbe apparire come segue:
<Form> <fieldset> <legend> Iscriviti alla Newsletter </ legend>
Nome: <input type = "password" />
<textarea rows = "15" cols = "100"> Commenti: </ textarea>
</ Fieldset> </ form>