Pourquoi faut-il une balise fieldset ?

Question

Pourquoi avons-nous besoin d'un <fieldset> balise ? Quel que soit le but qu'il sert, est probablement sous-ensemble de la balise form.

J'ai regardé W3Schools qui dit

• L' <fieldset> balise est utilisée pour grouper les éléments dans un formulaire.
• L' <fieldset> balise dessine un cadre autour des éléments connexes.

Plus d'explication pour ceux qui sont en confondant "pourquoi il existe dans la spécification" pour "ce qu'il fait". Je pense que le dessin, la partie n'est pas pertinent et je ne vois pas pourquoi nous avons besoin d'un tag spécial juste de regrouper certains éléments d'un formulaire.

Answer 1

Exemple pratique la plus évidente est :

Cela permet à chaque case d’option doivent être étiquetées tout en offrant une étiquette pour l’ensemble du groupe. Ceci est particulièrement important où les technologies d’assistance (par exemple un lecteur d’écran) sont utilisé lorsque la liaison des contrôles et leur légende ne peut être implicite de présentation visuelle.

Answer 2

Son besoin accessibles.

Découvrez: http://www.usability.com.au/resources/forms.cfm

Le HTML 4 éléments, et vous permettent d'agencer et d'organiser une grande forme avec de nombreux et différents domaines d'intérêt de façon logique, sans l'aide de tableaux. La balise peut être utilisée pour créer des boîtes autour des éléments sélectionnés et la balise de donner une légende à ces éléments. De cette façon, les éléments de formulaire peuvent être regroupés dans des catégories identifiées.

Différents navigateurs peuvent afficher la valeur par défaut de la frontière de manière différente. Feuilles de Style en cascade peut être utilisé pour supprimer la bordure ou de changer son apparence.

Answer 3

Comme décrit ici, le but de cette balise doit apporter de la clarté à l’organisation de la forme et de permettre un accès plus facile Design décorer les éléments de formulaire.

Answer 4

Fieldset organise les éléments sous formes logiquement mais il améliore également l’accessibilité pour ceux qui utilisent des navigateurs auditifs. Fieldset est pratique et c’est ainsi très populaire dans le passé dans de nombreuses applications et donc ils implémentée dans html trop.

Answer 5

Je l'aime que quand vous entourez vos radios avec fieldset, et vous ne mettez pas des id sur votre bouton radio balises input, alors que le groupe représenté par le fieldset est ajouté à la tabchain comme si c'était un seul élément.

Cela vous permet d'onglet par le biais d'un formulaire, et quand vous arrivez à un jeu de champs, vous pouvez utiliser les touches fléchées pour changer la radio sélectionnée, puis onglet loin lorsque vous avez terminé.

Aussi, n'oubliez pas de l'accessibilité. Lecteurs d'écran ont besoin fieldset+légende pour comprendre votre forme et être en mesure de lire à l'utilisateur dans une sorte de façon naturelle. Hésitez pas à disparaître de la légende si vous ne voulez pas que les utilisateurs voyants à le voir. La pose et le style de la légende juste à droite avec le CSS est parfois risquée inter-navigateurs, surtout avec les anciens navigateurs, donc j'ai trouver que la légende de la balise invisible pour les utilisateurs de lecteurs d'écran et l'ajout d'un distinct, aria-hidden="true" span style comme un label pour les utilisateurs voyants rend les choses simples pour le style et garde les choses accessibles.