Come bloccare una casella di input

March 2

Come bloccare una casella di input


moduli HTML utilizzano le caselle di input per raccogliere i dati degli utenti. Potrebbe essere necessario per impedire all'utente di modificare i valori della casella di input, ma ancora visualizzarli per completare il layout modulo. In entrambi i casi la "sola lettura" o attributi "disabili" della casella di input possono essere utilizzati per bloccare i valori di modifica dell'utente.

istruzione

1 Apri il tuo editor HTML. Se si utilizza un editor WYSIWYG, passare alla visualizzazione del codice.

2 Inserisci il codice <input type = "text" name = "txtName1" id = "txtName1" readonly = "sola lettura" value = "My Readonly Valore" />. L'attributo di sola lettura può comprendere i = "sola lettura" stringa o essere lasciato vuoto. blocca Readonly casella di immissione dalla modifica utente ed è incluso nel modulo di presentazione al server.

3 Inserisci il codice <input type = "text" name = "txtName-2" id = disabled = valore "txtName-2" "disabilitato" = "il mio valore Disabilitato" />. L'attributo disabile può includere l'= stringa "disabilità" o lasciato in bianco. blocca disabili casella di immissione dalla modifica ed esclude il campo venga inviato al server con la forma.

4 Inserisci il codice

<Script type = "text / javascript">

blocco di funzione (id) {

id.setAttribute ( "in sola lettura", "sola lettura");

}

</ Script>

<Input type = "text" name = "txtValue" id = valore "txtValue" = "il mio valore" onblur = "Blocco (this);" />

Utilizzando JavaScript, l'attributo può essere aggiunto dinamicamente quando l'utente fa clic fuori dal campo di immissione per bloccare il valore immesso.


Articoli Correlati