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 ()"