Η ετικέτα fieldset

Η ετικέτα fieldset ομαδοποιεί τα πεδία μιας HTML φόρμας.

Το αποτέλεσμα περικυκλώνεται με πλαίσιο, και η υπογραφή, που δημιουργείται με την ετικέτα legend, σπάει αυτό το πλαίσιο, δημιουργώντας ένα μοναδικό αποτέλεσμα που δεν μπορεί να επιτευχθεί με άλλα μέσα (δείτε το παράδειγμα).

Εάν εκχωρήσετε στην ετικέτα legend οποιαδήποτε CSS στυλ για θέση (float, position κ.λπ.), τότε τα περιεχόμενά της θα βγουν από το πλαίσιο και θα τοποθετηθούν στην επιθυμητή θέση (το κενό στο πλαίσιο δεν θα υπάρχει πλέον σε αυτή την περίπτωση).

Παράδειγμα

Ας χωρίσουμε τη φόρμα σε δύο λογικά μπλοκ χρησιμοποιώντας δύο ετικέτες fieldset:

<form>
	<fieldset>
		<legend>Στοιχεία αγοραστή</legend>
		<input type="text">
	</fieldset>
	<fieldset>
		<legend>Στοιχεία πωλητή</legend>
		<input type="text">
	</fieldset>
</form>

Δείτε επίσης

την ιδιότητα border,
με την οποία μπορείτε να ορίσετε περίγραμμα σε ένα μπλοκ