Η ετικέτα form

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

Η ετικέτα λειτουργεί ως κοντέινερ για τις ετικέτες input, textarea, select, button, fieldset. Οι παραπάνω ετικέτες δεν είναι απαραίτητο να τοποθετηθούν μέσα στην ετικέτα form, αλλά, εάν αυτό δεν γίνει, δεν θα πραγματοποιηθεί αποστολή της φόρμας στον διακομιστή.

Η αποστολή της φόρμας στον διακομιστή πραγματοποιείται πατώντας στο κουμπί, που δημιουργείται από την ετικέτα input με το χαρακτηριστικό type να έχει την τιμή submit, ή στο κουμπί button.

Χαρακτηριστικά

Χαρακτηριστικό	Περιγραφή
`action`	Που στέλνουμε τη φόρμα, σε ποια σελίδα του ιστότοπου (δικό μας ή άλλου). Εάν αφεθεί κενό - η φόρμα θα σταλθεί στην τρέχουσα σελίδα. Προαιρετικό χαρακτηριστικό. Στο χαρακτηριστικό μπορεί να οριστεί σύνδεσμος προς συγκεκριμένη θέση στη σελίδα (μέσω `#`, όπως στην ετικέτα `a`). Σε αυτή την περίπτωση, μετά την αποστολή της φόρμας ο browser θα ανοίξει τη σελίδα, που ορίζεται στο χαρακτηριστικό `action`, στην καθορισμένη θέση.
`method`	Η μέθοδος αποστολής της φόρμας, μπορεί να είναι `POST` ή `GET`. Δεν είναι απαραίτητο για τον υπεύθυνο σήμανσης να το γνωρίζει αυτό. Προαιρετικό χαρακτηριστικό. Από προεπιλογή έχει την τιμή `GET`.
`target`	Καθορίζει σε ποια καρτέλα θα ανοίξει ο σύνδεσμος: σε νέα, στην τρέχουσα ή σε πλαίσιο. Προαιρετικό χαρακτηριστικό.
`enctype`	Καθορίζει τον τρόπο κωδικοποίησης των δεδομένων της φόρμας. Προαιρετικό χαρακτηριστικό. Για περισσότερες πληροφορίες δείτε το χαρακτηριστικό `enctype`.

Τιμές του χαρακτηριστικού target

Τιμή	Περιγραφή
`_blank`	Η σελίδα θα ανοίξει σε νέα καρτέλα του browser.
`_self`	Η σελίδα θα ανοίξει στην τρέχουσα καρτέλα του browser.
`_parent`	Η σελίδα θα ανοίξει στο γονικό πλαίσιο.
`_top`	Ακυρώνει όλα τα πλαίσια και φορτώνει τη σελίδα στο πλήρες παράθυρο του browser.

Τιμή από προεπιλογή: _self.

Παράδειγμα φόρμας

<form action="" method="GET">
	<input type="text"><br><br>
	<input type="checkbox">
	<input type="checkbox" checked>
	<input type="radio" name="radio">
	<input type="radio" name="radio">
	<br><br>
	<textarea></textarea><br><br>
	<input type="submit">
</form>

Δείτε επίσης

το χαρακτηριστικό form,
που επιτρέπει την τοποθέτηση στοιχείων φόρμας έξω από την ετικέτα form