Η επεξεργασία των δεδομένων που στέλνουν οι επισκέπτες στον διακομιστή μετά τη συμπλήρωση των εντύπων ιστού γίνεται από ένα ειδικό πρόγραμμα (σενάριο). Επομένως, είναι λογικό να προσθέτετε πεδία σε μια φόρμα που δημοσιεύεται σε μια ιστοσελίδα μόνο εάν οι λειτουργίες για εργασία με αυτά τα πεδία είναι προγραμματισμένες στο σενάριο. Εάν πληρούται αυτή η προϋπόθεση, μένει να γίνει το σχετικά απλό μέρος της εργασίας της προσθήκης ετικετών στον πηγαίο κώδικα της σελίδας που σχηματίζει τα απαιτούμενα πεδία.
Είναι απαραίτητο
Βασικές γνώσεις HTML
Οδηγίες
Βήμα 1
Η λειτουργία του σχηματισμού των απαραίτητων ετικετών μπορεί να αναληφθεί από τον επεξεργαστή σελίδων, εάν έχετε την ευκαιρία να χρησιμοποιήσετε τη λειτουργία οπτικής επεξεργασίας σε αυτήν. Ένας τέτοιος επεξεργαστής μπορεί να αποτελεί αναπόσπαστο μέρος του συστήματος διαχείρισης περιεχομένου - εισαγάγετέ το και φορτώστε μια σελίδα με μια φόρμα στην οποία πρέπει να προστεθούν νέα πεδία. Χρησιμοποιήστε τις λειτουργίες αντιγραφής και επικόλλησης - επιλέξτε και αντιγράψτε μερικά υπάρχοντα στοιχεία (το πεδίο εισαγωγής και το κείμενο που σχετίζεται με αυτό) και, στη συνέχεια, κάντε κλικ στη σελίδα όπου θα πρέπει να τοποθετηθεί το πρόσθετο πεδίο και επικολλήστε το αντίγραφο.
Βήμα 2
Μετά από αυτό, επεξεργαστείτε τις ιδιότητες κάθε στοιχείου του ζεύγους ξεχωριστά. Απλώς επιλέξτε την επιγραφή με το ποντίκι και πληκτρολογήστε νέο κείμενο και για το πεδίο εισαγωγής χρησιμοποιήστε το κουμπί στον πίνακα επεξεργασίας που ανοίγει τις ιδιότητές του. Στις ιδιότητες, τουλάχιστον πρέπει να αλλάξετε την τιμή στο πεδίο ονόματος - πρέπει να αντιστοιχεί στο όνομα πεδίου που έχει προγραμματιστεί στο σενάριο επεξεργασίας. Επαναλάβετε την αντιγραφή / επικόλληση για το απαιτούμενο σύνολο πεδίων και αποθηκεύστε τη σελίδα.
Βήμα 3
Εάν δεν υπάρχει πρόσβαση στην οπτική επεξεργασία, ανοίξτε τον πηγαίο κώδικα της σελίδας σε οποιοδήποτε κείμενο ή εξειδικευμένο πρόγραμμα επεξεργασίας και προσθέστε τις απαραίτητες ετικέτες σε αυτήν. Αυτή η μέθοδος απαιτεί κάποια γνώση των HTML και των τεχνικών διάταξης ιστοσελίδας. Για να προσθέσετε ένα απλό πεδίο κειμένου στη φόρμα, χρησιμοποιήστε την ετικέτα εισαγωγής, προσθέτοντας το κείμενο τιμής στο χαρακτηριστικό type. Εκτός από αυτό το χαρακτηριστικό, απαιτείται μόνο όνομα - πρέπει να περιέχει το όνομα αυτού του πεδίου φόρμας που είναι γνωστό στο χειριστήριο. Χρησιμοποιώντας άλλα χαρακτηριστικά, μπορείτε να ορίσετε τον αριθμό των χαρακτήρων που καθορίζουν οπτικά το μήκος του πεδίου εισαγωγής (το χαρακτηριστικό size), τον μέγιστο επιτρεπόμενο αριθμό χαρακτήρων (μέγιστο μήκος), παραμέτρους στυλ (στυλ), ιδιότητα μέλους κλάσης (κλάση) κ.λπ. Αυτή η ετικέτα μπορεί να δει στον κώδικα, για παράδειγμα ως εξής:
Βήμα 4
Για ένα πεδίο πολλαπλών γραμμών, χρησιμοποιήστε την ετικέτα textarea. Αποτελείται από δύο μέρη - άνοιγμα και κλείσιμο. Στην πρώτη, πρέπει να ορίσετε την τιμή ονόματος και χρησιμοποιώντας τα χαρακτηριστικά γραμμών και στηλών, μπορείτε να ορίσετε τον αριθμό των γραμμών και στηλών αυτού του στοιχείου φόρμας. Για παράδειγμα:
Βήμα 5
Άλλοι τύποι πεδίων φόρμας μπορεί να είναι πλαίσια ελέγχου - για να τα σχηματίσετε χρησιμοποιούν επίσης την ετικέτα εισαγωγής, αλλά σε αντίθεση με ένα πεδίο κειμένου μίας γραμμής, καθορίστε την τιμή του πλαισίου ελέγχου στο χαρακτηριστικό type. Εάν αυτό το στοιχείο φόρμας πρέπει να ελεγχθεί, προσθέστε το επιλεγμένο χαρακτηριστικό στην ετικέτα του. Για παράδειγμα:
Βήμα 6
Για να εισαγάγετε ένα πλαίσιο επιλογής στη φόρμα και να ανεβάσετε ένα αρχείο, χρησιμοποιήστε την ίδια ετικέτα εισόδου με την τιμή αρχείου στο χαρακτηριστικό type. Για παράδειγμα:
Βήμα 7
Μια πιο περίπλοκη κατασκευή σχηματίζει ένα πεδίο με μια αναπτυσσόμενη λίστα. Πρέπει να περιέχει ένα ζευγάρι επιλεγμένων ετικετών ανοίγματος και κλεισίματος. Τοποθετήστε ζεύγη ετικετών επιλογών στο ενδιάμεσο, καθένα καθορίζει μία μόνο γραμμή επιλογής. Οι ετικέτες ανοίγματος πρέπει να περιέχουν το χαρακτηριστικό value (η τιμή του θα μεταδοθεί στον διακομιστή) και μεταξύ των τμημάτων ανοίγματος και κλεισίματος, τοποθετήστε το κείμενο που θα δει ο επισκέπτης σε αυτήν τη γραμμή της λίστας. Για παράδειγμα: Πρώτη γραμμή επιλογής Δεύτερη γραμμή επιλογής Τρίτη γραμμή επιλογής
