Nwlapcug.com


Come mostrare e nascondere le caselle di testo in Javascript

JavaScript consente di impostare la proprietà di "visibilità" per una casella di testo. È possibile impostare in modo dinamico la proprietà visibility per mostrare o nascondere una casella di testo. In genere, si mostrare e nasconde una casella di testo basata su input dell'utente su un pulsante. È impostare l'evento "OnClick" su un pulsante, determinare lo stato di visibilità corrente della casella di testo e visualizzare o nascondere il controllo sulla base dello stato di visibilità corrente.

Istruzioni

1

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

2

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

Function showhide() () {

}

3

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

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

TextBox.Style.Visibility = 'visibile';

}

else {

TextBox.Style.Visibility = 'hidden';

}

Il codice precedente controlla se la visibilità è nascosto. Se è nascosto, il codice modifica lo stato in "visibile". In caso contrario, cambia la casella di testo su "hidden".

4

Digitare la funzione nell'evento "OnClick" di un controllo button. Aggiungere il seguente codice per il pulsante che si desidera utilizzare per visualizzare o nascondere la casella di testo:

OnClick="ShowHide()"