Viele der heutigen Web-Seite Formulare verwenden JavaScript , um dynamisch vergrößern oder zu verkleinern , um besser auf die Bedürfnisse der Person, die das Formular aus. Zum Beispiel würde ein Formular für einen Benutzer, um Informationen über ihre Haustiere geben nur erweitern , wenn der Benutzer angegeben ( per Optionstaste , zum Beispiel) , dass sie Haustiere hat. Der Vorteil der Verwendung von JavaScript , um eine Form zu erweitern ist relativ hoch Gewissheit, dass das Skript zu arbeiten. Diese Zusicherung ergibt sich aus weit verbreiteten Nutzung von JavaScript in Browsern , im Gegensatz zu anderen Sprachen wie VB Script oder Java. Anleitung 1
Paste oder geben Sie die folgende Webseite Form in ein neues Dokument in einem Textverarbeitungsprogramm.
"Form erweitern beispielsweise "
< /head>
< /body>
< /html>
Diese Webseite zeigt eine einfache Form , die den Code in den folgenden Schritten wird ein-oder auszublenden , wenn der Benutzer die Seite der Taste. Die " " tag in der Liste angezeigt schafft auf diese Schaltfläche , zu dessen Attributen ist das " onclick" Event Planer . Dieser Bezeichner verweist auf die JavaScript-Code, verdecken oder erweitern wird das Formular aus. 2
den folgenden JavaScript- Programm nach der "Kopf" -Tag im Dokument einfügen .
< Script type = "text /JavaScript " >
Funktion ShowHideForm () { var
f = document.getElementById (" myform ");
if ( f.style.display == "inline" ) {
f.style.display = "none "; }
else {
f.style.display = "inline" ; }
}
< /script >
" ShowHideForm "-Funktion beginnt , indem sie einen Verweis auf die Form, die die " getElementById " Aufruf der Funktion zur Verfügung stellt. Die " f.style.display "-Anweisung verwendet diese Referenz, über das "f" variable , auf den Web Formulars "style" -Attribut zugreifen . HTML Stilattribute enthalten Cascading Stylesheet (CSS) -Codes, die Entwickler nutzen zu positionieren und zu stilisieren Web-Inhalten. Entwickler verwenden die CSS- Attribut "Anzeige" , wie im Code nur gegeben , um die Sichtbarkeit eines HTML-Elements gesetzt . Ein Wert von "none" für dieses Attribut gibt an, dass das HTML-Element (zB Form) wird unsichtbar . 3
Speichern Sie das Dokument als " Plain Text ", und mit einem Dateinamen, der hat a ". htm " oder " . HTML " -Erweiterung, die Display ermöglicht in einem Browser. 4
öffnen Sie den Windows Explorer und navigieren Sie zu dem Ordner mit der Web-Seite. Doppelklicken Sie auf die Seite, um sie zu öffnen. 5
Klicken Sie auf die Schaltfläche, um abwechselnd ausdehnen und zusammenziehen das Formular aus. 6
Replace , in Ihrer Textverarbeitung , der Code zwischen die "