HTML Test for standard tekst i en tekstboks
Siden HTML er et språk for å lage HTML-dokumenter som websider, og ikke et programmeringsspråk, betyr det ikke har regnskapet for testing standardverdiene for kontroller som tekstbokser. Imidlertid ikke Javascript den, som går på websider, har slike uttalelser. Javascript bruker HTML Document Object Model å lese standardverdien tekstbokser på en side.
Document Object Model
The Document Object Model, eller DOM, er et nettverk der elementene er alle deler av en webside, inkludert selve siden. Du kan visualisere denne modellen som et diagram av et familietre, med større elementer som selve nettsiden ligger nær treets topp og valgfrie elementer som tekstbokser nær bunnen. Når du skriver Javascript uttalelser som leser en tekstboks objektets eiendom for å finne boksen standardtekst, du bruker dot notasjon, som gjenspeiler DOM sin trestruktur. Hver periode du støter på når du leser følgende uttalelse venstre til høyre beveger deg nedover DOM treet ved et nivå eller gren. Elementet på venstre side av hver periode er den overordnede av elementet på høyre side av perioden.
document.getElementById ( "emailAdr"). Default
HTML-mal
For å begynne å lære å lese standard tekst i en tekstboks på en webside, lime utsagn som definerer et bones HTML-side i et tekstredigeringsprogram. Et sett med slike uttalelser følger denne delen. Uttalelsene legge rammene som å opprette en tekstboks og gi den en standardverdi. Hodet delen av denne siden er der Javascript-program som leser standardverdien går.
<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>
Lag en tekstboks med standardtekst
Javascript-program som leser standard tekst i en tekstboks, avhenger av at tekstboksen har en standardverdi. For å opprette en tekstboks med en standardverdi, eller limer du inn følgende HTML uttalelser i kroppen delen av en HTML-side. Disse uttalelsene forteller nettleseren din for å gjengi en tekstboks og fylle den med den fiktive ClarkKent e-postadresse. Du kan skrive inn teksten du ønsker i stedet for denne e-postadressen.
<Form>
<Input type = "text" id = "emailAdr" value = "[email protected]" />
</ Form>
<-knappen Type = "button" onclick = "showDefault ()"> Vis standardverdien </ knapp>
Javascript
Når du har en nettside med minst en tekstboks med sin verdi eiendom sett, kan du skrive en Javascript-program som leser denne verdien. Følgende program, som går i hodet delen av websiden, er et slikt program. Det spør Default node av Document Object Model å lese verdi tilhører en tekstboks. Den angir tekstboksen ved verdien av Id eiendom, som er emailAdr. Hvis du vil kjøre dette programmet, laster websiden som inneholder den inn i nettleseren din, og trykk deretter sidens knappen. Nettleseren vil vise en pop-up vindu som viser tekstboksen tekst.
<Script type = "text / javascript">
funksjon showDefault ()
{
alert (document.getElementById ( "emailAdr") Default.);
}
</ Script>