Το χαρακτηριστικό required

Το χαρακτηριστικό required υποδεικνύει ότι αυτό το στοιχείο φόρμας HTML πρέπει να συμπληρωθεί υποχρεωτικά.

Το χαρακτηριστικό πρέπει να εφαρμόζεται σε ετικέτες input ή textarea.

Σε περίπτωση προσπάθειας αποστολής της φόρμας, αν το πεδίο με αυτό το χαρακτηριστικό δεν έχει συμπληρωθεί - το πρόγραμμα περιήγησης δεν θα επιτρέψει την αποστολή της φόρμας και θα εμφανίσει ένα σφάλμα σε μορφή αναδυόμενης υπόδειξης. Δυστυχώς, το κείμενο του σφάλματος και η εμφάνισή του δεν μπορούν να αλλάξουν χρησιμοποιώντας HTML ή CSS.

Λάβετε υπόψη ότι η παρουσία του χαρακτηριστικού required δεν σας απαλλάσσει από τον έλεγχο της ορθότητας συμπλήρωσης της φόρμας από την πλευρά του διακομιστή σε PHP (καθώς η προστασία μέσω του χαρακτηριστικού μπορεί εύκολα να παρακαμφθεί).

Παράδειγμα

Ας προσθέσουμε στην ετικέτα input το χαρακτηριστικό required. Χωρίς να εισάγετε τίποτα στο πεδίο, προσπαθήστε να πατήσετε το κουμπί, για να στείλετε τη φόρμα. Το πρόγραμμα περιήγησης δεν θα επιτρέψει την αποστολή της φόρμας, θα προσθέσει σκιά στο input και θα εμφανίσει μήνυμα σφάλματος:

<form action="">
	<input type="text" placeholder="εισάγετε κάτι" required>
	<input type="submit">
</form>

Δείτε επίσης

το χαρακτηριστικό pattern,
που επιτρέπει την επικύρωση του input