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

Είσοδος σελίδες είναι ένα φυσιολογικό μέρος του Web . Σε αυτό το σεμινάριο , θα μάθετε πώς να δημιουργήσετε τις ετικέτες HTML απαραίτητο να δημιουργηθεί το πλαίσιο το username , το πλαίσιο εισαγωγής κωδικού πρόσβασης , και το κουμπί υποβολής . Θα σας δείξει επίσης πώς να οργανώσετε τη φόρμα HTML σας με την τοποθέτηση του σε ένα τραπέζι που είναι δύο στήλες πλάτος τρεις σειρές ψηλά . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου , όπως Πηγή Edit
λογισμικό φόρτωμα του εγγράφου , όπως FileZilla
χώρο Server που υποστηρίζει « server-side " εφαρμογές , όπως log -in χαρακτηριστικά .
Η Εμφάνιση περισσότερες οδηγίες
έγγραφο βήματα
Η 1

Δημιουργήστε το HTML DocumentAll HTML έγγραφα θα πρέπει , προκειμένου να είναι συμβατές οι ακόλουθες ετικέτες : • • • Η αρχίζει tag • Οι tags & # x2022 ? το ετικέτα τέλους • Η αρχίζει ετικέτα και το ετικέτα τέλους • και τέλος , το τέλος tag.Make βεβαιωθείτε ότι πληκτρολογείτε το ακόλουθα ανάμεσα στην ετικέτα αρχής tag : • μου Σύνδεση PageSave το αρχείο ως login.html και ανεβάστε το στο διακομιστή Web σας . Θα πρέπει να δείτε μια κενή λευκή σελίδα και κατά μήκος της κορυφής μπλε άκρη του browser θα πρέπει να διαβάσει , " Είσοδος Σελίδα μου » . EXPLANATIONThe doctype δηλώνει ότι χρησιμοποιείτε XHTML , το νέο πρότυπο του World Wide Web , όπως δηλώνεται από τον W3Schools , οι συντάκτες της HTML.The tag έχει πολλά χαρακτηριστικά μέσα στην ετικέτα , η πρώτη από τις οποίες είναι xmlns , που σημαίνει Εκτεταμένες Markup Language Όνομα χώρου , η οποία καθορίζει τους κανόνες δόμησης είστε following.The περιέχει όλες τις πληροφορίες σχετικά με το έγγραφο , στην περίπτωση αυτή , η που εμφανίζεται στην κορυφή μπλε λωρίδα στο επάνω μέρος της ετικέτας σας στο διαδίκτυο browser.The περιέχει όλες τις πληροφορίες στη σελίδα ότι ο τελικός χρήστης θα see.Finally , το ετικέτα τέλους ολοκληρώνει τη σελίδα HTML . 2

το έντυπο TagsNow που έχετε δημιουργήσει το έγγραφο HTML , θα πρέπει να δημιουργήσει η φόρμα login itself.Type τα ακόλουθα μετά την ετικέτα έναρξη και πριν από τη λήξη tag :

EXPLANATIONThe ετικέτα μορφή δηλώνει στο πρόγραμμα περιήγησης ότι οι ετικέτες ανάμεσα στην ετικέτα αρχής

και την κατάληξη

ετικέτα θα συλλέγει κάποιο είδος της εισόδου του χρήστη , είτε πρόκειται για ένα κουτάκι , ή ένα πλαίσιο κειμένου , ή ένα κουμπί , ή κάποιο άλλο είδος της διαδραστικής στοιχείου .
εικόνων 3

Συμπληρώστε την FormType τα ακόλουθα μετά την έναρξη

ετικέτα και πριν από την λήξη

tags : Όνομα Χρήστη :
Κωδικός :
Αποθηκεύστε το αρχείο και ανεβάστε το στο Web σας διακομιστή. Όταν προβάλλετε τη σελίδα , θα πρέπει να δείτε μια φόρμα σύνδεσης , όπως φαίνεται στα picture.EXPLANATIONThe tags ονομάζονται τολμηρή ετικέτες . Θα αλλάξετε το στυλ είδος του κειμένου μεταξύ τους ώστε να bold.The ετικέτα δημιουργεί ένα πλαίσιο κειμένου ( που υποδεικνύεται από τον τύπο χαρακτηριστικό = "text " ) ότι είναι 40 χαρακτήρες ( υποδεικνύεται από το μέγεθος = " 40 " χαρακτηριστικό) και ονομάζεται "username" ( υποδεικνύεται από το όνομα = "username" χαρακτηριστικό ) . Το όνομα είναι σημαντικό για το πότε θα επεξεργάζεται τα περιεχόμενα της φόρμας , η οποία δεν καλύπτεται από την παρούσα tutorial.The
ετικέτα δημιουργεί μια αλλαγή γραμμής , ακριβώς όπως αν είχε μπει "Return" ή " Enter" σε ένα κείμενο έγγραφο.Ο δεύτερη ετικέτα εισόδου , ​​που ονομάζεται "password ", φαίνεται ίδιο με το " όνομα " πεδίο , με την εξαίρεση ότι έχει μια διαφορετική τιμή για το " όνομα " attribute.The τελική ετικέτα , δημιουργεί ένα κουμπί εισόδου που ο χρήστης θα κάνει κλικ για να υποβάλουν στοιχεία για το λογισμικό μορφή επεξεργασίας . ο «τύπος εισόδου " χαρακτηριστικό δημιουργεί το κουμπί , η "τιμή " χαρακτηριστικό γράφει το κείμενο του κουμπιού , και το " όνομα " χαρακτηριστικό προσδιορίζει το κουμπί για το λογισμικό μορφή επεξεργασίας .
Η 4

Δημιουργήστε το TableType το

αρχίζουν ετικέτα μετά την <ενέργεια φόρμας = " # " > αρχίζει ετικέτα . Hit " enter " γι 'αυτό είναι στη δική της γραμμή . Πατήστε το " ξανά το πλήκτρο enter " και πληκτρολογήστε το αρχίζει tag.Type το ετικέτα τέλους μετά το ετικέτα τέλους που ακολουθεί Username : . Η νέα γραμμή θα μοιάζει με αυτό : Πληκτρολογήστε το Πατήστε το πλήκτρο enter και πληκτρολογήστε το τέλος tag.Type την ετικέτα αρχή και χτύπησε enter.Surround την επόμενη γραμμή , όπως κάνατε πριν με τα ζεύγη των , όπως φαίνεται παρακάτω , φροντίζοντας να διαγράψετε την ετικέτα />
Πατήστε το πλήκτρο enter και πληκτρολογήστε ένα νέο αρχίζει tag πληκτρολογήστε την ακόλουθη . αρχίζουν ετικέτα τέλους μετά την tag . Πατήστε enter και πληκτρολογήστε το ετικέτα τέλους Hit . αρχίζει ξανά και πληκτρολογήστε το

αρχίζει ετικέτα μπροστά από το Username : . Πληκτρολογήστε την ακολουθία	Όνομα χρήστη :	αρχίζει ετικέτα μπροστά από το ετικέτα , και το <. ;/td > ετικέτα στο τέλος Διαγραφή του tag.The νέα γραμμή θα μοιάζει με αυτό :
	Κωδικός :	?
ετικέτα με την ακόλουθη ιδιότητα πριν από την tag :	Πληκτρολογήστε το

ετικέτα , όπως φαίνεται στον πίνακα diagram.EXPLANATIONAn HTML είναι ένας πολύ εύκολος τρόπος για να δομήσει μια φόρμα . για να δημιουργήσετε έναν πίνακα , θα πρέπει πρώτα τα tags . Εντός του ετικέτες είναι ή ετικέτες πίνακα γραμμή , που δημιουργούν τις γραμμές του πίνακα , και ετικέτες πίνακα δεδομένων , που δημιουργούν τα μεμονωμένα κύτταρα του πίνακα . Οι στήλες του πίνακα καθορίζεται από τον αριθμό των ετικέτες που βρίσκονται ανάμεσα σε κάθε tag . κάθε γραμμή απαιτεί τουλάχιστον 1 σετ tags.In η τελευταία αρχίζει tag βάζουμε ένα χαρακτηριστικό στην ετικέτα , η οποία δίνει το tag μια ειδική οδηγία . στην περίπτωση αυτή , η πλάτοςστήλης χαρακτηριστικό αναφέρει ότι το κύτταρο , που δημιουργήθηκε από την ? . . tag είναι να καταλαμβάνουν 2 στήλες , επειδή το ίσο με το 2 που
5

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