Prevenire i visitatori del sito di immettere dati in una pagina Web a volte è importante quanto dando loro la possibilità di farlo. Pagine Web consistono di elementi HTML, quali caselle di testo e aree di testo. Quando gli utenti immettono dati in questi controlli, il browser può eseguire una varietà di compiti, tra cui la convalida dei dati e il salvataggio in un database. Tuttavia, possono verificarsi situazioni in cui gli utenti non hanno autorità per aggiornare un elemento HTML. Impedire a chiunque di immissione di testo in qualsiasi controllo disattivando il controllo.

Istruzioni

1

Aprire il blocco note e creare un documento vuoto.

2

Incollare il seguente testo nel documento:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "l'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html xmlns = "l'http://www.w3.org/1999/xhtml" >

< head >

< title > disattivare testo Input Test < / title >

< script language = "javascript" type = "text/javascript" >

< / script >

< / head >

< corpo >

< input id = "textBox1" type = "text" / >

< input id = "btnDisable" tipo = "pulsante" valore = "Disattiva testo" onclick = "return disableText()" / >

< / body >

< / html >

Questo crea una casella di testo e un pulsante.

3

Aggiungere questo codice sotto il primo tag "< script >":

Function disableText() () {

var currentObject = document.getElementById("textBox1");

currentObject.disabled = "disabled";

alert("Text Disabled");

}

Questo crea una funzione JavaScript che imposta la proprietà "disabile" del controllo casella di testo su "disattivato". Quando un utente fa clic sul pulsante, il pulsante chiama questa funzione. Utilizzare il comando di "Document. getElementById" per rendere gli elementi della pagina, ad esempio "textBox1", disponibili in una funzione JavaScript. Ad esempio, se la pagina contiene un'altra casella di testo denominata "textBox2", si otterrebbe un riferimento a esso inserendo questa istruzione:

var currentObject2 = document.getElementById("textBox2");

4

Premere "Ctrl" + "s". Blocco note si aprirà la finestra "Salva con nome". Digitare "abc.html" nella casella di testo "Nome File". Fare clic su "Salva". Blocco note verrà salvare il file come un documento HTML.

5

Aprire Windows Explorer. Individuare il file e fare doppio clic su esso. Il tuo browser si aprirà. Digitare testo nella casella di testo. Fare clic sul pulsante. Il browser verrà disattivare la casella di testo e impedire l'immissione di testo.

Consigli & Avvertenze

• Nome HTML file qualcosa che ti piace. Verificare che assegnare al file l'estensione ". html" o ". htm".
• Per abilitare nuovamente un controllo, modificare la proprietà "disattivato" per "abilitato".
• Il comando di "Document. getElementById" è un comando JavaScript importante imparare (Vedi risorse). Molte tecniche di sviluppo web utilizzano questo comando per aggiungere funzionalità ai siti Web.