Η ετικέτα legend

Η ετικέτα legend ορίζει μια υπογραφή πάνω από την ομαδοποίηση πεδίων φόρμας HTML, που δημιουργήθηκε με την ετικέτα fieldset.

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

Παράδειγμα

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

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

Результат:

Δείτε επίσης