May 12
Prevenire i visitatori del sito di inserimento di dati su una pagina web a volte è importante quanto dando loro la possibilità di farlo. Le pagine web sono costituiti da elementi HTML, come caselle di testo e aree di testo. Quando gli utenti inseriscono i dati in questi controlli, il browser può eseguire una serie di compiti, tra cui la convalida dei dati e il salvataggio in un database. Tuttavia, possono verificarsi situazioni in cui gli utenti non hanno il potere di aggiornare un elemento HTML. Impedire a chiunque di immissione del testo in qualsiasi controllo disattivando il controllo.
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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Title> Disattiva testo di prova di ingresso </ title>
<Script language = tipo "javascript" = "text / javascript">
</ Script>
</ Head>
<Body>
<Input id = "textBox1" type = "text" />
<Input id = "btnDisable" type = valore "pulsante" = "Testo Disabilita" onclick = "tornare disableText ()" />
</ Body>
</ Html>
Ciò crea una casella di testo e un pulsante.
3 Aggiungere questo codice al di sotto del primo tag "<script>":
Funzione disableText () {
var currentObject = document.getElementById("textBox1");
currentObject.disabled = "disabile";
alert ( "Testo Disabled");
}
Questo crea una funzione JavaScript che imposta la proprietà "disabile" del controllo casella di testo "disabilitato". Quando un utente fa clic sul pulsante, il pulsante chiama questa funzione. Utilizzare il comando "document.getElementById" per rendere gli elementi della pagina, come "textBox1", disponibile in una funzione JavaScript. Ad esempio, se la pagina contiene un'altra casella di testo chiamato "textBox2," si otterrebbe un riferimento ad esso inserendo questa dichiarazione:
var currentObject2 = document.getElementById ( "textBox2");
4 Premere il tasto "Ctrl" + "S." Notepad si aprirà la finestra "Salva con nome". Tipo "abc.html" nella casella di testo "Nome file". Fai clic su "Salva". Blocco note salvare il file come un documento HTML.
5 Aprire Esplora risorse di Windows. Individuare il file e fare doppio clic su di esso. Il tuo browser si aprirà esso. Digitare il testo nella casella di testo. Fare clic sul pulsante. Il browser consente di disattivare la casella di testo e vi impedisce di immissione di testo.