Hvordan Vis & skjul tekstbokser i Javascript

Javascript kan du sette "synlighet" eiendom for en tekstboks. Du kan dynamisk sette synligheten eiendom for å vise eller skjule en tekstboks. Vanligvis viser og skjuler en tekstboks basert på brukerundersøkelser på en slik knapp. Du setter "onclick" event på en knapp, bestemme nåværende synlighet tilstanden i tekstboksen, og vise eller skjule kontroll basert på gjeldende synlighet status.

Bruksanvisning

1 Høyreklikk på HTML-siden som inneholder tekstboksen du vil redigere. Klikk "Åpne med", og klikk deretter på HTML-editor og klikk "Åpne". Du kan også stille inn tekstboksen i en Javascript "JS" fil. Hvis Javascript er eksterne, åpne JS filen i stedet.

2 Lag Javascript-funksjonen. Følgende funksjon setter opp funksjonen brukes til å endre synlig tilstand:

funksjon showhide () {

}

3 Vise eller skjule tekstboksen. Skriv inn følgende kode i funksjon som er opprettet i forrige trinn:

if (textbox.style.visibility == "skjulte") {

textbox.style.visibility = 'synlig';

}

else {

textbox.style.visibility = "skjulte";

}

Koden over sjekker om sikten er skjult. Hvis den er skjult, endrer koden staten til "synlig". Ellers, endrer det tekstboksen til "skjult".

4 Skriv inn funksjonen i en knapp kontrollens "onclick" event. Legg til følgende kode til knappen du vil bruke til å vise eller skjule tekstboksen:

onclick = "showhide ()"