HyperText Markup Language, o HTML, viene utilizzato per incorporare oggetti, ad esempio immagini e tabelle, in una pagina Web. Con HTML, è possibile aggiungere caselle di testo sola lettura o di sola visualizzazione, al tuo sito. Sola visualizzazione in caselle di testo sono più utili quando utilizzato in combinazione con JavaScript per creare un modulo interattivo.

Nozioni di base

È possibile creare due tipi di caselle di testo in formato HTML: aree di testo o campi di testo. Campi di testo consentono una singola riga di input, mentre aree di testo possono consentire illimitati righe di input. Campi di testo sono più spesso utilizzati per ottenere dati utente, ad esempio le credenziali di accesso, mentre 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:

< input style = "text" >

Attributi

È possibile utilizzare l'attributo di "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 aree di testo. Per creare una casella di testo di sola visualizzazione in HTML, utilizzare il codice seguente:

< textarea readonly = "readonly" >

o

< input style = "testo" readonly = "true" >

o

< input style = "testo" readonly >

JavaScript

È possibile utilizzare JavaScript per disattivare "readonly" una volta che il visitatore incontra un determinato insieme di criteri. Ad esempio, una pagina di registrazione, è possibile sbloccare il campo di testo di "Posta elettronica" quando il lettore controlla la casella dell'opzione "Accetto i termini e servizi". Potrebbe essere un esempio di codice:

< head >
< script language = "JavaScript" >
funzione nomefunzione)
{
var x=document.getElementById("IDName").removeAttribute("readonly");
Alert ("si può ora Inserisci il tuo indirizzo email.");
}
< / script >
< / head >
Login: < id di input = "IDName" type = "testo" nome = valore "email" = "Inserire indirizzo di posta elettronica" readonly = "true" >
< input type = "checkbox" onclick="functionName();" > Sono d'accordo ai termini e ai servizi.

Modificare "functionName" e "IDName" per personalizzare il codice. Se si rinomina la funzione o l'ID dell'elemento nel codice JavaScript, devono rispecchiare tali modifiche nel codice HTML associato.

Formattazione

È possibile incorporare un oggetto textbox sola visualizzazione nella tua pagina per aggiungere dettagli informativi. È possibile aggiungere campi di testo con l'attributo "value", in questo modo:

< input type = "valore"text = "Inserire preesistente testo qui" >

Quando si utilizza aree di testo, inserire il testo desiderato tra il "< textarea >" e "< / textarea >" tag. È inoltre consigliabile utilizzare gli attributi "cols" e "righe" per definire le dimensioni della casella di testo. "Cols" fa riferimento a colonne, che determina il numero di caratteri che può estendersi su una sola riga. "Righe" determina quante righe ha l'area di testo. Questo codice, ad esempio, crea un oggetto textbox che è 30 caratteri e quattro righe in altezza.

< textarea cols = "30" f = "4" >
Inserisci qui il testo.
< / textarea >