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

Αρχική σελίδα Υλικό υπολογιστών Δικτύωση Προγραμματισμός λογισμικό Αντιμετώπιση προβλημάτων Λειτουργικά συστήματα Υπολογιστές
* Γνώση Υπολογιστών >> Προγραμματισμός >  >> PHP /MySQL Προγραμματισμός

Πώς να δημιουργήσετε ένα HTML Είσοδος Σελίδα

Log-in σελίδες που χρησιμοποιούνται σε ιστοσελίδες, όπως αρχικές οθόνες για να αποκτήσετε πρόσβαση σε εμπιστευτικές πληροφορίες . Log-in σελίδες απαιτούν κατ 'ελάχιστο ένα όνομα χρήστη και κωδικό πρόσβασης. Μερικές φορές έχετε τη δυνατότητα να επιλέξετε μια επιλογή για να αποθηκεύσετε τις πληροφορίες log -in σας για μελλοντική χρήση , αλλά είναι καλύτερο να μην συνιστάται να το κάνετε αυτό , εκτός αν είστε σε μια ιδιωτική υπολογιστή . Για προγραμματιστές Web , είναι αρκετά απλό να δημιουργήσει τον κώδικα HTML για τη σελίδα log -in . Η πραγματική δουλειά είναι στο back-end για την επαλήθευση των διαπιστευτηρίων log -in . Αυτός ο οδηγός θα σας βοηθήσει να δημιουργήσετε ένα log-in σελίδα HTML για τις ανάγκες της ιστοσελίδας σας . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
Η Εμφάνιση Περισσότερες οδηγίες
Η

1 Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου και να δημιουργήσει ένα αρχείο HTML . Dreamweaver είναι το πιο δημοφιλές πρόγραμμα να χρησιμοποιήσει για την ανάπτυξη Web , αλλά μπορείτε επίσης να χρησιμοποιήσετε δωρεάν προγράμματα , όπως το TextEdit ( σε Mac ) ή το Σημειωματάριο ( στα Windows ) . 2

Δημιουργία μιας φόρμας HTML . Μεταξύ του και < /body> tags θα πρέπει να πληκτρολογήσετε

< /form > ? Αυτά είναι ετικέτες HTML μορφή . Στην ετικέτα φόρμα εκκίνησης , θα χρειαστείτε μια ενέργεια , η μέθοδος και Enctype (τύπος κρυπτογράφησης ) . Για τον τύπο δράσης όπου η μορφή θα επεξεργαστεί , η αξία μέθοδος θα " πάρει" ή " post" , η κανονική Enctype είναι "multipart /form-data ", αλλά μπορείτε επίσης να χρησιμοποιήσετε το " text /plain ". Το "text /plain " αξία δεν συνεπάγεται καμία μορφοποίηση , εφόσον υποβάλλονται . Τελική μορφή tag εκκίνησης σας θα μοιάζει κάπως έτσι :


< p > Αντικαταστήστε το " /bin /process.php " με τη θέση του αρχείου που θα επεξεργαστεί τα στοιχεία για τη σύνδεσή της σελίδας .
εικόνων 3

Δημιουργήστε μια ετικέτα, το όνομα χρήστη και τον τομέα όνομα . Ετικέτες Label έχουν περιγραφικό κείμενο για να δείξει τι είναι το επόμενο πεδίο . Την επόμενη γραμμή κώδικα μια ετικέτα εισόδου με το type ίσο με το " κείμενο" για ένα χρήστη να πληκτρολογήσει τα στοιχεία . Ακολουθήστε το παρακάτω παράδειγμα :

Δημιουργία κωδικού πρόσβασης ετικέτα και το πεδίο του κωδικού πρόσβασης . Οι χρήστες δεν θα βλέπουν το password τους όταν πληκτρολογείτε στο πεδίο του κωδικού πρόσβασης , μόνο αστερίσκους . Αυτό γίνεται για να προστατεύσει τις πληροφορίες του χρήστη . Ακολουθήστε το παρακάτω παράδειγμα :

Δημιουργία υποβάλλει κουμπί . Υπάρχουν δύο τρόποι για να δημιουργήσετε ένα HTML κουμπί υποβολής . Το πρώτο είναι μια ετικέτα εισόδου με έναν τύπο να υποβάλουν το οποίο μοιάζει με αυτό :


Τοποθετήστε το κείμενο που θέλετε το κουμπί για να πει μέσα στο χαρακτηριστικό αξία, όπως φαίνεται παραπάνω . Ο δεύτερος τρόπος για να δημιουργήσετε ένα κουμπί υποβολής είναι μια ετικέτα εισόδου με έναν τύπο εικόνας που μοιάζει με αυτό :

< input type = " image " src = " /images /submit.jpg " height = " 50 " width = " 50 " />

Αυτό κάνει μια εικόνα ένα κουμπί υποβολής αντί για ένα τυπικό κουμπί HTML . Αντικαταστήστε το " /images /submit.jpg " με τη θέση της εικόνας που θέλετε ανθρώπους να κάνουν κλικ κατά την υποβολή της φόρμας . Είναι γενική πρακτική να έχει μία από τις δύο τύποι ετικετών εισόδου να υποβάλει μια φόρμα , αλλά όχι και τα δύο .
Η 6

Επανεξέταση τον κωδικό σας . Σας log -in σελίδα όταν ολοκληρωθεί θα πρέπει να δούμε κάτι σαν αυτό :

< ενέργεια φόρμας = " /bin /process.php " method = "post " Enctype = "multipart /form-data " >

Αποθηκεύστε τον κωδικό σας ως αρχείο html . όταν ολοκληρωθεί .
Η
εικόνων

Συναφής σύστασή

Τελευταία άρθρα

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα