Ένα πρότυπο HTML είναι συνήθως ένα ή περισσότερα έγγραφα HTML που παρέχουν το πλαίσιο για έναν ιστοχώρο , αλλά η οποία δεν περιλαμβάνει κανένα περιεχόμενο . Ένας χρήστης μπορεί να αγοράσει ένα πρότυπο HTML για να δημιουργήσετε ένα δικτυακό τόπο γρήγορα εισάγοντας τα στοιχεία επικοινωνίας της εταιρείας της και την ολοκλήρωση άλλων κενά τμήματα στο πρότυπο με πληροφορίες ειδικά για την εταιρεία της . Μπορείτε να καλέσετε JavaScript από ένα πρότυπο HTML με τον ίδιο τρόπο που θα το καλέσετε από οποιοδήποτε αρχείο HTML . Οδηγίες
Η 1
Δημιουργήστε ένα πρότυπο HTML που περιλαμβάνει μια φόρμα επικοινωνίας και καλέστε JavaScript από το πρότυπο για την επικύρωση ότι ο χρήστης εισάγει πληροφορίες στη φόρμα επικοινωνίας . Δημιουργήστε ένα νέο αρχείο HTML χρησιμοποιώντας το Σημειωματάριο ή ένα πρόγραμμα επεξεργασίας HTML και εισάγετε τις πληροφορίες κεφαλίδας HTML στο αρχείο : < ! DOCTYPE HTML >
< br >
πρότυπο HTML < /title> 2 <br> <p> Δημιουργήστε κάποιο στυλ για το μήνυμα λάθους θα εμφανιστεί εάν δεν υπάρχουν στοιχεία συνήφθη ένα πεδίο στη φόρμα εισόδου : <br> <p> <style> <br> <p> σφάλμα {color : . κόκκινο? γραμματοσειράς - weight: bold ? } <br> <p> < /style > εικόνων <br> 3 <p> Δημιουργήστε μια λειτουργία JavaScript που θα κληθούν από το πρότυπο όταν ο χρήστης υποβάλλει τη φόρμα HTML και θα επικυρώνει ότι ο χρήστης εισάγει πληροφορίες σε κάθε πεδίο εισαγωγής . Αναφορά των επιμέρους στοιχεία της φόρμας με τα ονόματά τους και τα divs για τα μηνύματα λάθους από τους ταυτότητες . Επιστροφή true αν η επικύρωση ήταν επιτυχής και false αν δεν ήταν επιτυχής : <br> <p> <script> <br> <p> επικύρωση λειτουργία () { var <br> <p> nameError = document.getElementById ( " nameError " ) ? <br> <p> var emailError = document.getElementById ( " emailError ")? <br> <p> nameError.innerHTML = " " ? <br> <p> emailError.innerHTML = " " ? < br > <p> αν ( document.contact.name.value == "") { <br> <p> nameError.innerHTML = " πρέπει να εισάγετε ένα όνομα !"? <br> <p> επιστροφή ψευδείς? <br> <p> } <br> <p> αν ( document.contact.email.value == "") { <br> <p> emailError.innerHTML = " πρέπει να εισάγετε μια διεύθυνση email " ? ! <br> < p > επιστροφή ψευδείς? <br> <p> } <br> <p> return true ? <br> <p> } <br> <p> < /script > <br> <p> < /head> < br > Φτηνές 4 <p> Δημιουργήστε τη φόρμα επικοινωνίας HTML . Εκχώρηση τα ίδια ονόματα με τη μορφή και τις τιμές εισόδου που χρησιμοποιείτε για τη λειτουργία JavaScript και τις ίδιες ταυτότητες των divs ειδοποίηση σφάλματος . Δημιουργήστε ένα κουμπί υποβολής για τη φόρμα και να καλέσει τη λειτουργία επικύρωσης JavaScript με το " onsubmit " εκδήλωση, η οποία θα επιτρέψει τη φόρμα για να υποβληθούν σε επεξεργασία , εάν η συνάρτηση επιστρέφει true , αλλά δεν θα υποβάλουν το έντυπο , αν η συνάρτηση επιστρέφει false : <br> <p> <body> <br> <p> Παρακαλώ συμπληρώστε τις παρακάτω πληροφορίες για να μάθετε περισσότερα για την εταιρεία μου : <br> <p> <form name="contact" onSubmit="return validate()"> <br> Όνομα <p> : <input type="text" name="name" width="30"> <span id="nameError" class="error"> < /span > < br > <p> Email : <input type="text" name="email" width="30"> <span id="emailError" class="error"> < /span > <br> < p> <input type="submit" name="submit" value="submit"> <br> <p> < /form> <br> <p> < /body> <br> <p> < /html > <br> 5 <p> Αποθηκεύστε το αρχείο HTML και να το ανοίξετε σε ένα πρόγραμμα περιήγησης . Δοκιμή ότι η φόρμα δεν υποβάλει , εάν κανένα από τα πεδία εισαγωγής επαφής είναι κενό . <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/javascript-programming/90950.html' >Πώς να αλλάξετε ένα Drop -Down Δείκτης JavaScript </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/90952.html' >Πώς να υπολογίσετε μια Moving Σύνολο σε JavaScript </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/javascript-programming/91021.html" target="_blank">Πώς να Μετακινηθείτε προς τα κάτω σε JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90880.html" target="_blank">JavaScript στρογγυλοποίησης Λειτουργία </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91154.html" target="_blank">Πώς να Ισοπαλία ένα γράφημα πίτας χρησιμοποιώντας Javascript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91198.html" target="_blank">Πώς να κάνει ένα χρονόμετρο στο Game Maker </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91199.html" target="_blank">Πώς να αποκτήσετε δωρεάν Δρομέας Effects </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/javascript-programming/90954.html" target="_blank">Πώς να δημιουργήσετε ένα Javascript Ticker </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91087.html" target="_blank">Πώς να γράψετε ένα Timed IE Script </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90970.html" target="_blank">Πώς να Ενεργοποίηση & Απενεργοποίηση κύλισης με JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/262493.html" target="_blank">Τι είναι τα συμβάντα στο JavaScript [Επεξήγηση με παραδείγματα] </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>