Προγραμματισμός

Γνώση Υπολογιστών >> Προγραμματισμός >  >> PHP /MySQL Προγραμματισμός

Πώς να γράψετε ένα έντυπο με jQuery

jQuery είναι μια βιβλιοθήκη JavaScript που έγινε για την απλοποίηση του client-side scripting των εγγράφων του Ιστού . jQuery καταστήματα JavaScript εντολές έτσι ώστε οι χρήστες να μην χρειάζεται να πληκτρολογείτε τη JavaScript με το χέρι , ακριβώς το περιεχόμενο . Οι φόρμες είναι εργαλεία HTML , Javascript και PHP που επιτρέπουν το webmaster για την ανάκτηση και την αποθήκευση πληροφοριών από το χρήστη ιστοσελίδα , έτσι ώστε ο χρήστης μπορεί ( για παράδειγμα ) να εγγράφουν τους λογαριασμούς και να κάνετε τις θέσεις . Είναι εύκολο να γράψει μια φόρμα σε jQuery , επειδή το πρόγραμμα παρέχει όλες τις βασικές εντολές που πρέπει να κάνετε έτσι . Τα πράγματα που θα χρειαστείτε
λογισμικό jQuery
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

Γράψτε τη σήμανση HTML . Χρησιμοποιήστε jQuery του , , και <body> ετικέτες ( με αυτή τη σειρά ) για την παραγωγή της σήμανσης . Κάθε βασική σήμανσης αποτελείται από αυτές τις ετικέτες , που ακολουθείται από το κλείσιμο ετικέτες τους . Η συνολική σειρά των ετικετών είναι : <html> <head> , <title> , < /title > < /head> , <body> , < /body> < /html > . 2 <br> <p> Προσθέστε τα επικαλυπτόμενα φύλλα στυλ ( CSS ) . Για να κάνετε μια φόρμα σε CSS , επικεντρώνονται σχετικά με τη μορφή και τα μηνύματα κατάστασης . Καθορίστε τη γραμματοσειρά χρησιμοποιώντας το "font οικογένεια " εντολή . Καθορίστε το χρώμα χρησιμοποιώντας το "χρώμα" εντολή . Καθορίστε τις παραμέτρους του κάθε κουτιού χρησιμοποιώντας το "ύψος ", " πλάτος ", " περιθώριο " και εντολές " γεμίσει " . Πληκτρολογήστε αυτές τις εντολές , τόσο για την «φόρμα» εισόδου και " μήνυμα κατάστασης " εισόδου. <br> Εικόνων 3 <p> Κάντε μια φόρμα για να στείλετε τα μηνύματα από το server σε server . Σε αυτή τη μορφή , τους ορισμούς για το όνομα του παραλήπτη , παραλήπτη τη διεύθυνση ηλεκτρονικού ταχυδρομείου και το θέμα του email . Διαμορφώστε σταθερές , έτσι ώστε οι πληροφορίες που αποστέλλονται με τον ίδιο τρόπο κάθε φορά . Χρησιμοποιήστε το " SenderName " και " senderEmail » μορφές για να ελέγξει την ταυτότητα του αποστολέα πριν από το έντυπο αποστέλλεται . Πρότυπα για τις μορφές αυτές , μαζί με όλες τις απαραίτητες ετικέτες , παρέχονται σε jQuery . <br> Η <p> 4 Τοποθετήστε το scriptType και messagedelay ετικέτες για να καθορίσετε το χρονικό διάστημα που μεσολαβεί πριν οι πληροφορίες αποστέλλονται . Το πρότυπο εδώ είναι ως εξής : <br> <p> γραμμή 1 : <script type= "javascript"> <br> <p> γραμμή 2 : varMessageDelay = (ώρα χρόνος καθυστέρησης εδώ , σε χιλιοστά του δευτερολέπτου ) <br> <p> μην συμπεριλάβετε τις αγκύλες στο σενάριο ? αντ 'αυτού , να περιλαμβάνει έναν αριθμό μεταξύ 1000 και 5000 ( 1 έως 5 δευτερόλεπτα) <br> 5 <p> Γράψτε τα κινήσει και να υποβάλουν τις λειτουργίες μορφή. . Γράψτε αυτές τις λειτουργίες , έτσι ώστε η φόρμα σας πάντα ζητά από το χρήστη να εισάγετε και να υποβάλετε τα στοιχεία του . Ξεκινήστε την έναρξη λειτουργίας μορφή με την ετικέτα " init λειτουργία { } , " με τις συγκεκριμένες παραμέτρους της λειτουργίας μέσα σε παρένθεση . Ξεκινήστε τη λειτουργία του φόρουμ υποβάλουν με την " submitForm λειτουργία () { } , " ετικέτα με τίποτα ανάμεσα στις αγκύλες , και το " if, else if" λειτουργία για την υποβολή του εντύπου μέσα σε παρένθεση . <br> Εικόνων <br> Η <div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/php-mysql-programming/91702.html' >Πώς να κάνει ένα κατάλογο προϊόντων σε PHP </a> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/php-mysql-programming/91704.html' >Πώς να Ενώσετε σε DB2 ​​SQL </a> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <ul class="dsa31das"> <li><a href="http://www.221021.com/Programming/php-mysql-programming/92962.html" target="_blank">Πώς να φορτώσει ένα βίντεο αρχείου Χρησιμοποιώντας την PHP </a></li> <li><a href="http://www.221021.com/Programming/php-mysql-programming/92816.html" target="_blank">Πώς να Αναβάθμιση της PHP για Windows </a></li> <li><a href="http://www.221021.com/Programming/php-mysql-programming/92298.html" target="_blank">Πώς να δημιουργήσετε ένα λογαριασμό Apache MySQL Server Χρησιμοποιώντας Webmin </a></li> <li><a href="http://www.221021.com/Programming/php-mysql-programming/93102.html" target="_blank">Πως να ρυθμίσετε ένα διακομιστή Apache για PHP </a></li> <li><a href="http://www.221021.com/Programming/php-mysql-programming/92523.html" target="_blank">Πώς να χρησιμοποιήσετε το PHP Script εισαγωγής CSV δεδομένων σε MySQL </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="http://www.221021.com/Programming/php-mysql-programming/91972.html" target="_blank">PHP String Σύγκριση </a></li> <li><a href="http://www.221021.com/Programming/php-mysql-programming/92749.html" target="_blank">Πώς να ανεβάσετε εικόνες Με την PHP σε μια βάση δεδομένων </a></li> <li><a href="http://www.221021.com/Programming/php-mysql-programming/91450.html" target="_blank">Πώς να αναλύσει τα ηλεκτρονικά ταχυδρομεία σε MySQL DB χρησιμοποιώντας PHP </a></li> <li><a href="http://www.221021.com/Programming/php-mysql-programming/309232.html" target="_blank">Πώς αναπαράγετε έναν πίνακα MySQL; </a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>