Mange af nutidens web-side formularer bruge JavaScript til dynamisk udvide eller trække til bedre at imødekomme behovene hos den person, ved hjælp af formularen . For eksempel ville en formular for en bruger at indtaste oplysninger om hendes kæledyr ekspandere , hvis brugeren angivne (via en alternativknap , for eksempel) , at hun havde kæledyr . Fordelen ved at bruge JavaScript til at udvide en formular er relativt høj sikkerhed for, at scriptet vil arbejde. Denne resultaterne af evalueringen fra JavaScripts udbredt brug i browsere , i modsætning til andre sprog som VB Script eller Java . Instruktioner 1
Indsæt eller skriv følgende webside form til et nyt dokument i ethvert tekstbehandlingsprogram .
< Br >
" Form udvide eksempel "
< /head >
< br >
< input name = " formButton " type = " button" onclick = " ShowHideForm (); " value = " Skjul /Vis formular " >
< /div >
< /body >
< /html >
Denne webside viser en simpel formular , hvilken koden i de følgende trin vil udvide eller skjule , når brugeren trykker sidens knappen . Den " " tag vises i listen skaber denne knap , hvor en af attributter er " onclick " begivenhed anvisning . Denne specifier peger på den JavaScript-kode , der vil skjule eller udvide formularen. 2
Indsæt følgende JavaScript-program efter "hoved " tag i dokumentet.
< Script type, = " text /JavaScript" >
funktion ShowHideForm () {
var f = document.getElementById ( " minform ")
if ( f.style.display == " inline " ) {
f.style.display = "none "
}
else {
f.style.display = " inline "
}
}
< /script >
" ShowHideForm "-funktionen begynder ved at få en henvisning til den form, hvilket den " getElementById " funktion opkald giver . Den " f.style.display " erklæring bruger denne reference, via " f " variable , for at få adgang til web-formularen er " style" attribut. HTML attributter indeholder Cascading Style Sheet ( CSS) koder, udviklerne bruger til at placere og stilisere webindhold. Udviklere bruger CSS "skærm " attribut , som i koden netop givet , for at indstille synligheden af et HTML-element . En værdi på "ingen" for denne attribut specificerer, at HTML-element (f.eks form) vil være usynlig. 3
Gem dokumentet som " Almindelig tekst ", og med et filnavn , der har a ". htm " eller " . HTML " udvidelse , der gør det muligt visning i en browser. 4
Åbn Windows Stifinder og naviger til den mappe, der indeholder web-side. Dobbeltklik på siden for at åbne den. 5.
Klik på knappen for skiftevis udvide sig og trække formularen. 6
Erstat i dit tekstbehandlingsprogram, koden mellem de "