Come mostrare e nascondere caselle di testo in Javascript

March 2

JavaScript consente di impostare la proprietà "visibilità" per una casella di testo. È possibile impostare dinamicamente la proprietà di visibilità per mostrare o nascondere una casella di testo. In genere, si mostra e nasconde una casella di testo in base all'input dell'utente su tale tasto. È possibile impostare l'evento "OnClick" su un pulsante, determinare lo stato di visibilità corrente della casella di testo e visualizzare o nascondere il controllo in base allo stato di visibilità corrente.

istruzione

1 Fare clic destro della pagina HTML che contiene la casella di testo che si desidera modificare. Fai clic su "Apri con", quindi fare clic su un editor HTML e fare clic su "Apri". È anche possibile impostare la casella di testo in un file JavaScript "JS". Se il JavaScript è esterno, aprire invece il file JS.

2 Creare la funzione JavaScript. La seguente funzione imposta la funzione utilizzata per modificare lo stato di visibilità:

Funzione MostrareNascondere () {

}

3 Mostrare o nascondere la casella di testo. Digitare il seguente codice nella funzione creata nel passaggio precedente:

if (textbox.style.visibility == 'nascosto') {

textbox.style.visibility = 'visibile';

}

altro {

textbox.style.visibility = 'nascosto';

}

Il codice di cui sopra controlla se la visibilità è nascosto. Se è nascosto, il codice cambia lo stato di "visibile". In caso contrario, cambia la casella di testo "nascosto".

4 Digitare la funzione di evento "OnClick" di un controllo pulsante. Aggiungere il seguente codice al pulsante che si desidera utilizzare per mostrare o nascondere la casella di testo:

onclick = "MostrareNascondere ()"