Fieldsets y leyendas

Question

De acuerdo, sé cómo el fieldset/legend funciona en HTML. Digamos que tiene un formulario con algunos campos:

<form> 
    <fieldset> 
     <legend>legend</legend> 
     <input name="input1" /> 
    </fieldset> 
</form> 

¿Qué debo usar para la legend? Se muestra como title, pero ¿no es una leyenda semánticamente una explicación de los contenidos? En mi opinión, preferiblemente que haría algo como esto:

<form> 
    <fieldset> 
     <legend>* = required</legend> 
     <label for="input1">input 1 *</label><input id="input1" name="input1" /> 
    </fieldset> 
</form> 

Pero eso no funciona muy bien con el dibujo de los conjuntos de campos. ¿Es solo una ambigua denominación en HTML, o es mi incomprensión de la palabra inglesa 'legend'?

---

Editar: corrigió algunos errores ;-)

Answer 1

Sí, la denominación es ambigua. Lo mejor es considerarlo como un título para el conjunto de campo.

Ver the HTML spec on FIELDSET and LEGEND elements si no lo ha hecho:

El elemento LEGEND permite a los autores asignar un título a un FIELDSET. La leyenda mejora la accesibilidad cuando el FIELDSET se representa de forma no visual.

Answer 2

supongo que significa que escribir

<form> 
    <fieldset> 
     <legend>legend</legend> 
     <input name="input1" /> 
    </fieldset> 
</form> 

pero tienes razón en parte. La leyenda de la palabra tiene varios significados, incluyendo

• Una leyenda explicativa que acompaña a una ilustración.
• Una tabla o lista de símbolos explicativos que aparecen en un mapa o gráfico.

Así que de hecho puede significar ambos.

Answer 3

Cuando dice que la leyenda "Se muestra como un título" ... claramente depende del CSS involucrado. Cuando no especifica el CSS usted mismo, cada navegador usa sus propios estilos incorporados, que pueden ser o no lo mejor.

Estoy de acuerdo en que una leyenda es diferente a un título ... No necesariamente creo que la leyenda sea el lugar correcto para algo como "* = required" (eso parece solo una información cautelar para el usuario , en realidad no es una explicación del fieldset en sí).

Una leyenda, después de todo, se puede definir como un título, o una breve descripción que acompaña a una ilustración (por lo general, algo que no sea una imagen en este caso).

En cuanto a cómo se muestra, una vez más, CSS le da poder para que aparezca (o no) como mejor le parezca.

Answer 4

Piense en la leyenda como un título de un grupo de grupo. Lo usas para agrupar elementos de formulario similares.Puede tener todos los campos de entrada para una dirección de envío en un conjunto de campo con una leyenda de "Dirección de envío" y el conjunto de todos los campos de entrada para una dirección de facturación en otro campo conjunto con una leyenda de "Dirección de facturación".

He aquí un ejemplo:

Fieldsets in Skiviez Checkout http://piasecki.name/fieldset-legend-example.jpg

Pueden ser difícil de peinar a través de CSS (porque Internet Explorer muestra el fondo del grupo de campos incorrectamente Our IE stylesheet tiene algunos buenos ejemplos, mire en la "forma #content. "sección.

Answer 5

el elemento <legend> es el equivalente semántico de una 'fieldset titular' o 'título' para el grupo de controles de formulario contenida por el <fieldset>.

elemento El FIELDSET permite a los autores grupo de controles relacionados temáticamente

que significa fieldset s deben agrupar juntos varios controles formar - no sólo un único par de <input> y <legend>.

De hecho <div> s, <p> s, o <li> s son contenedores muy adecuado para <input> + <legend> pares.