Πώς να Ανάπτυξη μιας φόρμας σε Java Script

Πολλές από τις σημερινές μορφές ιστοσελίδα χρησιμοποιεί JavaScript για να συστέλλονται ή διαστέλλονται για να ανταποκριθεί καλύτερα στις ανάγκες του ατόμου που χρησιμοποιεί το έντυπο δυναμικά . Για παράδειγμα , μια μορφή για έναν χρήστη για να εισαγάγετε πληροφορίες σχετικά με τα κατοικίδια ζώα της θα επεκτείνει μόνο εάν ο χρήστης που αναφέρεται ( με ένα κουμπί επιλογής , για παράδειγμα) ότι είχαν κατοικίδια ζώα . Το όφελος από τη χρήση JavaScript για να αναπτύξετε μια μορφή είναι σχετικά υψηλή βεβαιότητα ότι το σενάριο θα λειτουργήσει . Η διαβεβαίωση αυτή προκύπτει από την ευρεία χρήση του JavaScript στο πρόγραμμα περιήγησης , σε αντίθεση με εκείνη των άλλων γλωσσών, όπως VB Script ή Java . Οδηγίες
Η 1

Κολλήστε ή πληκτρολογήστε την παρακάτω φόρμα ιστοσελίδα σε ένα νέο έγγραφο σε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου .

Αυτή η ιστοσελίδα εμφανίζει μια απλή μορφή , που ο κώδικας στα παρακάτω βήματα θα επεκτείνει ή να καταρρεύσει όταν ο χρήστης πατήσει το κουμπί της σελίδας . Η " " ετικέτα εμφανίζεται στη λίστα δημιουργεί αυτό το κουμπί , του οποίου τα χαρακτηριστικά είναι η " onclick " προσδιοριστικό γεγονός . Αυτό το προσδιοριστικό σημεία στον κώδικα JavaScript που θα καταρρεύσει ή να επεκτείνουν τη φόρμα . 2

Επικολλήστε τον ακόλουθο πρόγραμμα JavaScript , μετά το «κεφάλι» tag στο έγγραφο .

<Τύπος script = " text /JavaScript " >

λειτουργία ShowHideForm ( ) { var

f = document.getElementById ( " myform ")?

εάν ( f.style.display == " inline " ) {

f.style.display = "κανένας " ?

}

else {

f.style.display = " inline " ?

} }

Η λειτουργία " ShowHideForm " αρχίζει με να πάρει μια αναφορά στη μορφή , η οποία η " getElementById " κλήση της συνάρτησης παρέχει . Η " f.style.display " δήλωση χρησιμοποιεί ότι η αναφορά , μέσω του "f" μεταβλητή , για να αποκτήσετε πρόσβαση της φόρμας ίντερνετ "στυλ " χαρακτηριστικό . Χαρακτηριστικά στυλ HTML περιέχουν επικαλυπτόμενων φύλλων στυλ ( CSS ) κωδικούς που χρησιμοποιούν οι προγραμματιστές για την τοποθέτηση και στυλιζάρω το περιεχόμενο ιστοσελίδων . Προγραμματιστές να χρησιμοποιούν το CSS "οθόνη " χαρακτηριστικό , όπως στον κώδικα που μόλις δόθηκαν , για να ορίσετε την ορατότητα ενός στοιχείου HTML . Η τιμή "none" για αυτό το χαρακτηριστικό καθορίζει ότι το στοιχείο HTML ( π.χ. μορφή) θα είναι αόρατη .
Εικόνων 3

Αποθηκεύστε το έγγραφο ως " Απλό κείμενο " και με οποιοδήποτε όνομα αρχείου που έχει a " . htm " ή " . HTML " επέκταση , η οποία επιτρέπει την εμφάνιση σε ένα πρόγραμμα περιήγησης .
Η

4 Ανοίξτε το Windows Explorer και μεταβείτε στο φάκελο που περιέχει την ιστοσελίδα . Κάντε διπλό κλικ στη σελίδα για να το ανοίξετε .
5

Κάντε κλικ στο κουμπί για να επεκτείνει εναλλάξ και τη σύμβαση του μορφή .
Η 6

Αντικαταστήστε , στον επεξεργαστή κειμένου σας , τον κώδικα μεταξύ οι "