HTML-koden for en tekstboks Auto Repetisjon

Å ha en automatisk forfriskende tekstboks på websiden kan dynamisk informere besøkende til nettstedet ditt om endringene som skjer på siden. For å lage dette, trenger du minst en tekstboks for å oppdatere, et webskjema for referanse og en Javascript-funksjon for å påvirke endringen. Men å ha noen ekstra kontroller kan bidra til å holde ting organisert.

textarea Tag

Du bruker HTML textarea koden for å lage en stor tekstboks på websiden. Bruk denne boksen for å be brukeren om å skrive inn tekst. Du kan stille inn "rader" og "kolonner" attributter til hva tallene du vil, men du trenger for å sette "navn" attributtet slik at Javascript-funksjonen din kan samhandle med textarea. Du må også bruke "onKeyUp" søkeord for å kalle funksjonen selv. For eksempel kan koden se slik ut: <textarea rader = '10 'kolonner = '40' name = "tegn" onKeyUp = 'charCount (denne)'> </ textarea>

Input Tag

Bruk inngangslappen for å lage en tekstboks som automatisk vil oppdatere når brukeren skriver inn tegn i tekstfeltet kontroll. Sett den type attributt til "tekst" for å lage boksen, samt navnet attributtet slik Javascript-funksjonen får tilgang til den. Du kan også stille inn størrelsen attributt for en fast lengde tekstboks, men du trenger ikke å. For eksempel kan du ha "<input type = 'text' name = 'displaycount' size = '20 '>" for HTML-koden.

Form Tag

Du må ta med automatisk-forfriskende tekstboks i en form slik at Javascript-funksjonen kan få tilgang til desse. Du trenger ikke en fancy skjema som du ville når du bruker flere programmeringsspråk som PHP å passere variabler, bare noe enkelt å samhandle med Javascript. For eksempel "<form method =" POST ">" for å åpne skjemaet og "</ form>" for å lukke det. De textarea og inngangs tags bør gå innenfor disse to linjer med HTML-kode.

Javascript

Javascript-funksjonen krever minst to linjer med kode. Den første skaper en variabel og lagrer innholdet i textarea i form, skrevet inn av brukeren. Den andre linjen teller antall tegn i variabel og lagrer resultatet i mindre tekstboksen i samme form. For eksempel, ville du skrive "-funksjonen charCount (tekst) {" for å lage en funksjon som heter "charCount", "usertext = text.form.characters.value," som den første linjen, "text.form.displaycount.value = usertext .length + "tegn. ';" som den andre linjen, og "}" for å lukke funksjon.