☰

Φόρμες

Οι φόρμες περιέχουν τα στοιχεία φόρμας στο οποία ένας χρήστης μπορεί να εισαγάγει δεδομένα τα οποία στη συνέχεια αποστέλλονται σε έναν εξυπηρετητη για παραπέρα επεξεργασία.

Γενικοί κανόνες

Για τις φόρμες ισχύουν οι παρακάτω γενικοί κανόνες.

• Για να ορίσετε μια φόρμα, πρέπει να χρησιμοποιήσετε την ετικέτα <form> (και την ετικέτα τέλους </form>).
• Μπορείτε να έχετε περισσότερες από μία φόρμες σε ένα έγγραφο.
• Δεν μπορείτε να έχετε φόρμες σε ένθεση (φόρμα μέσα σε φόρμα).
• Μια φόρμα μπορεί να περιέχει οποιονδήποτε συνδυασμό στοιχείων φόρμας.
• Τα στοιχεία φόρμας μπορούν να χρησιμοποιηθούν και εκτός φόρμας, μέσα σε ένα έγγραφο (σε ειδικές περιπτώσεις).
• Τα κουμπιά submit και reset, πρέπει να βρίσκονται μέσα σε μια φόρμα για να λειτουργούν.
• Σε μια φόρμα, εκτός των στοιχείων φόρμας, μπορούν να χρησιμοποιηθούν και στοιχεία html όπως πίνακες, εικόνες, λίστες κλπ., για την αισθητική βελτίωση της φόρμας.

Η ετικέτα <form>

Η ετικέτα <form> εσωκλείει έναν αριθμό στοιχείων φόρμας έτσι ώστε το σετ αυτό να θεωρείται σαν μια ενιαία φόρμα.

Ιδιότητες της ετικέτας <form>

Οι κύριες ιδιότητες της ετικέτας <form> είναι:

• action
• method
• enctype
• name
• target

Επεξήγηση ιδιοτήτων

action Ορίζει την ενέργεια που θα εκτελεστεί όταν πατηθεί το κουμπί submit. Η ιδιότητα action καλεί ένα σκριπτ αρχείο από μια διεύθυνση url ενός εξυπηρετητή (server) προς την οποία θα αποσταλούν οι τιμές των στοιχείων της φόρμας για περαιτέρω επεξεργασία. Παράδειγμα: action="check.php".

method Ορίζει τη μέθοδο http με την οποία αποστέλλονται τα δεδομένα της φόρμας. Οι επιλογές είναι δύο: η get και η post. Με την get αποστέλλονται συνήθως τα δεδομένα κάποιας απλής και μικρής φόρμας. Σε διαφορετική περίπτωση χρησιμοποιείται η επιλογή post. Παράδειγμα: method="get".

enctype Ορίζει το μηχανισμό κωδικοποίησης των δεδομένων που θα αποσταλούν προς τον εξυπηρετητή. Η προκαθορισμένη τιμή είναι η application/x-www-form-urlencoded. Για αποστολή αρχείων ή δυαδικών δεδομένων ή για αποστολή μη ascii χαρακτήρων τότε θα πρέπει να χρησιμοποιείται η τιμή multipart/form-data.

name Ορίζει το όνομα με το οποίο θα αναφέρεται η φόρμα μέσα σε ένα σκριπτ. Μπορείτε επίσης να χρησιμοποιήσετε την ιδιότητα id για να ονομάσετε μια φόρμα. Για παράδειγμα: id="formname_1".

target Ορίζει τον χώρο στον οποίο θα εμφανιστεί το αποτέλεσμα που θα επιστραφεί από τον εξυπηρετητή.
Οι τιμές είναι οι ίδιες όπως και στις υπερσυνδέσεις, δηλαδή: target="_blank", target="_self" κ.λπ.