Slik Clear en tekstboks med Javascript

Slik Clear en tekstboks med Javascript


The Document Object Model (DOM) er en standard utviklet for å støtte portabilitet av Javascript og Java-programmering, noe som gjør dem arbeide på en konsekvent måte på tvers av nettlesere. I utgangspunktet, beskriver DOM objekter i et bestemt dokument og tilveiebringer en fremgangsmåte for å manipulere dem. DOM beskriver to formelementer for skriving: <input type = "text">, som er en tekstboks, og <textarea>, noe som skaper en flere linjer tekstboks. Ved å bruke Javascript, kan en web-programmerer fjerne tekst skrevet inn i disse boksene.

Bruksanvisning

1 Sett inn koden for å lage en knapp på websiden ved hjelp av en tekst editor. Knappen kode er:

<Input type = "button" name = "clearValue" value = "Clear Tekstboks'">

Den "navn" og "verdi" felt kan endres hvis ønskelig.

2 Sjekk tekstboksen attributter for eksistensen av "id =" tag. Hvis den ikke har en, legge til følgende i tekstboksen:

id = "myFieldName"

Erstatt "myFieldName" med ditt valg av navn.

3 Legg til følgende kode for å blinke etter den verdidokument:

onclick = "document.getElementById ( 'myFieldName'). value = ''"

Erstatt "myFieldName" med ID verdien av tekstboksen eller tekst området som skal ryddes.

4 Åpne nettsiden i en nettleser, skriv inn tekst i tekstfeltet og klikk på knappen for å fjerne teksten. Teksten du skrev skulle forsvinne.

Hint

  • Kode for å fjerne en tekstboks kan legges til funksjoner eller andre hendelsestyper som "onChange."
  • Javascript er et case-sensitive språk. Derfor, "feltnavn" og "feltnavn" er forskjellige. Pass på å bruke riktig sak.