August 28
HyperText Markup Language o HTML, viene utilizzato per incorporare oggetti, ad esempio immagini e tabelle, in una pagina Web. Con HTML, è possibile aggiungere in sola lettura, o di sola visualizzazione, caselle di testo al tuo sito. caselle di testo Mostra solo sono più utili quando usato in combinazione con JavaScript per creare una forma interattiva.
È possibile creare due tipi di caselle di testo in HTML: aree di testo o campi di testo. I campi di testo permettono una singola linea di ingresso, mentre le aree di testo possono permettere linee illimitate di input. I campi di testo sono più spesso utilizzati per ottenere i dati degli utenti, come ad esempio le credenziali di accesso, mentre le aree di testo sono più spesso utilizzati per i commenti dei visitatori. È possibile inserire aree di testo in una pagina utilizzando il seguente codice:
<Textarea> </ textarea>
È possibile inserire campi di testo in una pagina utilizzando il seguente codice:
<Stile di input = "text">
È possibile utilizzare l'attributo "sola lettura" per impedire agli utenti di inserire, rimuovere o modificare il testo contenuto nella casella di testo. Gli utenti possono copiare o evidenziare il testo, ma non possono modificarlo. È possibile utilizzare "Readonly" con entrambi i campi di testo e le aree di testo. Per fare una casella di testo di sola visualizzazione in HTML, utilizzare il seguente codice:
<Textarea readonly = "in sola lettura">
o
<Stile di input = "text" readonly = "true">
o
<Stile di input = "text" sola lettura>
È possibile utilizzare JavaScript per disabilitare "sola lettura" una volta che il visitatore incontra un certo insieme di criteri. Ad esempio, su una pagina di registrazione, è possibile sbloccare il campo di testo "E-mail" quando il lettore controlla la casella per l'opzione "Accetto i termini e servizi." Un codice di esempio potrebbe essere:
<Head>
<Script language = "JavaScript">
function Nome funzione ()
{
var x = document.getElementById ( "idName") removeAttribute ( "sola lettura.");
alert ( "È ora possibile inserire il tuo indirizzo e-mail.");
}
</ Script>
</ Head>
Login: <input id = tipo "idName" = "text" name = value "e-mail" = "Inserire Indirizzo e-mail" readonly = "true">
<Input type = "checkbox" onclick = "functionName ();"> I accetto i termini e servizi.
Change "functionName" e "idName" per personalizzare il codice. Se si rinomina la funzione o l'ID elemento nel codice JavaScript, è necessario riflettere questi cambiamenti nel codice HTML associato.
È possibile incorporare una sola visualizzazione di testo nella pagina per aggiungere dettagli informativi. È possibile aggiungere testo ai campi di testo con l'attributo "valore", in questo modo:
<Input type = "text" value = "Inserisci preesistente testo qui">
Quando si utilizzano aree di testo, inserire il testo desiderato tra il "<textarea>" e "</ textarea>" tag. E 'anche consigliabile utilizzare i "colli" e "file" attributi per definire le dimensioni della casella di testo. "Cols" si riferisce a colonne, che determina il numero di caratteri che possono estendersi su una riga. "Righe" determina il numero di righe di testo ha. Questo codice, per esempio, crea una casella di testo che è di 30 caratteri, e quattro linee di altezza.
<Textarea cols = righe "30" = "4">
Inserire il testo qui.
</ Textarea>