Tekstboks Javascript Metoder

Du har to måter å opprette en tekstboks i en HTML-side. Du kan enten bruke input element med type-attributtet satt til tekst, eller du kan bruke en textarea element. Du kan også bruke Javascript-funksjoner for å legge til en økt grad av interaktivitet med tekstelementer. Du kan instruere brukerens nettleser for å oppdage hendelser som for eksempel klikke på en tekst element. Naturligvis bør metodene du velger å implementere for tekstinngangs elementene tilsvarer til formålet med siden din.

Attributter

Alle HTML-elementer har standard egenskaper, men inngangselementene som vises i webskjemaer ha et ekstra sett. Både textarea element og inngangs element kan inneholde attributter du kan styre ved hjelp av scripting. Javascript-funksjoner kan bruke disse attributtene til å angi eller returnere de aktuelle verdiene for alle skriving element på en side. Følgende eksempelJavaScript-koden demonstrerer sette verdien av et skjemaelement, som kan være enten en inngang eller textarea element:

Var textElem = document.getElementById ( "textin");
textElem.value = "Her er litt tekst";

Den angitte teksten vises nå inne i teksten element.

hendelser

Tekstelementer kan også bruke arrangementet attributter for å koble dem til Javascript-funksjoner. Ved hjelp av disse, kan du kode HTML for å oppdage brukerinteraksjon med tekstelementer, ringer spesifisert Javascript-funksjoner når dette samspillet foregår. Hendelses attributter kan oppdage brukeren beveger hennes mus eller på et element, trykker på en tast eller gi fokus til et element, blant mange andre alternativer. Følgende eksempelkode demonstrerer et HTML-element med en hendelse attributt:

<Input id = "wordtext" type = "text" name = "ord" onmousedown = "mousedown (this.id)" />

Når brukeren trykker en museknapp, vil dette markup instruere nettleseren til å kalle en Javascript-funksjon som heter "mousedown" - passerer den ID-elementet.

funksjoner

Tekst inn- og textarea elementene har også funksjoner du kan ringe fra Javascript-kode. Disse funksjonene inkluderer uskarphet, fokus og velger. Den blur funksjonen tar fokus bort fra et element, mens fokusfunksjonen gir elementet fokus. Den velger funksjonen velger den nåværende innholdet i en tekst innspill element, fremhever det i nettleseren. Følgende eksempelkode demonstrerer kalle valgfunksjon på en tekst element:

Var theText = document.getElementById ( "myText");
theText.focus ();

Når denne funksjonen utføres, er innholdet i textarea eller innspill element valgt.

Behandling

Javascript-funksjoner for tekstelementer kan bidra til å implementere ulike interaksjonsmetoder. For eksempel kan du sette elementer for å tømme innholdet når brukeren klikker på dem. Dette kan være nyttig i situasjoner der tekstelementene har standardteksten og du ikke vil at brukeren skal ha for å slette den før du skriver inn sin egen tekst. Du kan også vise hjelpeinformasjon når brukeren ruller henne musen over en tekst element, eller markere feil ved validering skjema innspill, la brukeren se hva som må endres før hun får til å sende sine data.