Nwlapcug.com


Come disattivare le caselle di testo

L'elemento HTML "Input" è una delle entità più importanti nello sviluppo web. Senza l'elemento input, pagine web non avrebbe pulsanti, caselle di controllo, pulsanti di opzione o caselle di testo. Gli sviluppatori Web utilizzano moduli per acquisire l'input dell'utente. Moduli costituiti da caselle di testo. Ogni casella di testo ha una proprietà "disabile". Impostarlo su "false" per consentire agli utenti di immettere dati nelle caselle di testo. Impostato a "true" per rendere le caselle di testo in sola lettura. Quando l'applicazione web deve disattivare le caselle di testo, è possibile utilizzare JavaScript per bloccare tali elementi.

Istruzioni

1

Avviare Blocco note o editor HTML.

2

Aprire un file HTML contenente caselle di testo.

3

Sezione "head" del file, aggiungere il seguente codice JavaScript:

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

Function DisableTextBoxes() () {

ingressi di var = document.getElementsByTagName("input");

per (var i = 0; i < inputs.length; i + +)

{

var input = input [i];

Se (input.type = = "testo")

input.disabled = true;

}

}

< / script >

Questo codice recupera tutti gli elementi "input" nella pagina e li memorizza nella variabile denominata "ingressi". Il codice quindi consente di scorrere gli elementi e imposta le proprietà "disabilitato" di tutte le caselle di testo su "true".

4

Aggiungere questo codice HTML in un punto qualsiasi nella sezione "corpo" del file:

< id di input = "DisableTextBoxes" type = "button" value = "Disattivare le caselle di testo" onclick = "return DisableTextBoxes()" / >

Questo crea un pulsante che permette di testare il codice JavaScript. Quando si fa clic sul pulsante, verrà eseguito il codice JavaScript.

5

Salvare il file e aprirlo nel browser. Digitare il testo nelle caselle di testo.

6

Fare clic sul pulsante "Disattivare le caselle di testo". Se si tenta di immettere testo nelle caselle di testo. Non puoi farlo perché la funzione JavaScript disabilitato li.

Consigli & Avvertenze

  • Per attivare le caselle di testo, modificare la funzione JavaScript "DisableTextBoxes". Sostituire "input.disabled = true;" con "input.disabled = false;".