Html μορφή - περιγραφή και εφαρμογή

Η φόρμα html είναι ένα ειδικό εργαλείο πουσας επιτρέπει να κάνετε επαφή μεταξύ των επισκεπτών και των δημιουργών. Στον πηγαίο κώδικα της σελίδας, αυτή η ετικέτα γράφεται ως εξής: <form>. Σε αυτό το άρθρο θα εξετάσουμε το περιεχόμενο της φόρμας, την εφαρμογή και τους τρόπους αποστολής πληροφοριών.

Περιγραφή

Η ετικέτα <form> περιλαμβάνεται σε όλες τις προδιαγραφές γλώσσας html. Προς το παρόν, όλα τα σύγχρονα προγράμματα περιήγησης και πλατφόρμες υποστηρίζουν αυτό το στοιχείο. Η φόρμα html στοχεύει εξ ολοκλήρου στην ανταλλαγή δεδομένων μεταξύ των χρηστών και του διακομιστή. Το πιο απλό παράδειγμα αυτού του στοιχείου είναι η συμπλήρωση του ερωτηματολογίου. Σχεδόν κάθε χρήστης έχει συμπληρώσει πληροφορίες για τον εαυτό του, για παράδειγμα, κατά την εγγραφή. Παρόμοια ερωτηματολόγια δημιουργούνται χρησιμοποιώντας την ετικέτα <form>. Αλλά αξίζει να σημειωθεί ότι αυτό το στοιχείο ορίζει μόνο τα όρια της φόρμας και καθορίζει τον τρόπο αποστολής των δεδομένων. Και το μεγαλύτερο μέρος του περιεχομένου έχει οριστεί χρησιμοποιώντας τις ετικέτες <input>.

Ρυθμίσεις φόρμας

Υπάρχουν 8 ειδικά χαρακτηριστικά της ετικέτας<form>. Μία από τις πιο σημαντικές παραμέτρους είναι η "μέθοδος". Αυτό το χαρακτηριστικό καθορίζει τη μέθοδο που θα χρησιμοποιηθεί κατά την υποβολή της φόρμας στο διακομιστή. Έχει δύο σημασίες: πάρτε και δημοσιεύστε. Η επιλογή της μεθόδου του μανδρελίου εξαρτάται από το περιεχόμενο της φόρμας. Η πιο κοινή τιμή είναι να πάρετε. Υπάρχει ένα υποχρεωτικό χαρακτηριστικό - "δράση". Η τιμή του πρέπει να δείχνει τη διεύθυνση URL της εκτελέσιμης εφαρμογής που θα επεξεργαστεί τη φόρμα. Συνήθως, ένα τέτοιο πρόγραμμα βρίσκεται στον εξυπηρετητή ιστότοπου. Χωρίς αυτό το χαρακτηριστικό, η μορφή δεν έχει νόημα. Με την ευκαιρία, μπορείτε να κάνετε χωρίς να χρησιμοποιήσετε την εφαρμογή. Η αποστολή μιας φόρμας HTML μπορεί να γίνει μέσω ηλεκτρονικού ταχυδρομείου. Σε αυτή την περίπτωση, πρέπει να κάνετε την ακόλουθη καταχώριση: action = "mailto: email address". Όταν ο χρήστης κάνει κλικ στο κουμπί "αποστολή", θα εμφανιστεί μια λίστα με εργαλεία που του επιτρέπουν να στείλετε μηνύματα ηλεκτρονικού ταχυδρομείου.

Περιεχόμενο τύπου

Όπως αναφέρθηκε παραπάνω, οι φόρμες για τον ιστότοπο html είναι πιο συχνάόλα περιέχουν διάφορα ερωτηματολόγια, φύλλα εγγραφής, έρευνες κ.λπ. Αυτό το περιεχόμενο δημιουργείται χρησιμοποιώντας την ετικέτα <input>. Αυτό το στοιχείο έχει πολλές διαφορετικές ξεχωριστές ρυθμίσεις. Υποχρεωτική χαρακτηριστικό της <input> είναι ο «τύπος», το οποίο δείχνει τον τύπο της ετικέτας. Αυτό το στοιχείο συχνά δημιουργεί διαφορετικά πεδία για την εισαγωγή δεδομένων. Για παράδειγμα: <input type = "text" />. Μια τέτοια εγγραφή θα δημιουργήσει μια περιοχή με τη δυνατότητα εισαγωγής κειμένου. Υπάρχει μια ειδική τιμή του χαρακτηριστικού type = «password», το οποίο σας επιτρέπει να εισάγετε με ασφάλεια έναν κωδικό πρόσβασης ή άλλες ευαίσθητες πληροφορίες (όλοι οι χαρακτήρες θα είναι κρυφό). Τις περισσότερες φορές, τα έντυπα έχουν τα ακόλουθα δύο κουμπιά: υποβολή και επαναφορά. Καθορίζονται ως η τιμή του χαρακτηριστικού "τύπου". Η πρώτη τιμή σημαίνει την αποστολή της φόρμας, η άλλη επαναφορά. Το κείμενο μέσα στα κουμπιά μπορεί να αλλάξει.

Πρόσθετες πληροφορίες

Η μορφή html μπορεί να γίνει χρησιμοποιώντας το CSS. Και πιο συχνά αυτό συμβαίνει. Μπορείτε επίσης να δημιουργήσετε μια φόρμα με τη μορφή ενός πίνακα, τότε όλο το περιεχόμενο θα ευθυγραμμιστεί κατά την κρίση σας. Μπορείτε να χρησιμοποιήσετε αυτό το στοιχείο παντού. Δεν είναι απαραίτητο να περιορίσετε τον εαυτό σας εφαρμόζοντας τη φόρμα μόνο για να συμπληρώσετε τα δεδομένα. Η ετικέτα <form> μπορεί να περιέχει απεριόριστη ποσότητα πληροφοριών και περιεχομένου.

Συμπέρασμα

Έτσι, σήμερα συναντήσατε την ετικέτα <form>. Για να κατανοήσουμε πλήρως τη δράση της, είναι απαραίτητο να το δοκιμάσουμε στην πράξη. Αν δεν έχετε διακομιστή και εφαρμογή διαχείρισης, μπορείτε να χρησιμοποιήσετε τη μέθοδο για να στείλετε τη φόρμα στο e-mail. Έτσι θα καταλάβετε τη βασική αρχή αυτού του στοιχείου. Η φόρμα html χρησιμοποιείται σχεδόν σε κάθε τοποθεσία όπου οι προγραμματιστές θέλουν να δημιουργήσουν επικοινωνία με τους χρήστες τους.