Il est mauvais de mettre des <span />étiquettes à l'intérieur</span> <option /> <span />balises, uniquement pour la manipulation de chaînes et non le style?</span>

Question

Je voudrais créer des groupes du contenu textuel d'une balise <option /> . Disons que j'ai les éléments suivants: <option>8:00 (1 hour)</option> , le modèle de temps 8:00 peut être modifié, puis le texte entre parenthèses (1 hour) peut également être modifié.

Je pensais faire quelque chose comme <option><span>8:00</span><span> (1 hour)</span></option>

Il est mauvais de mettre des balises <span /> intérieur des balises <option /> , uniquement pour la manipulation de chaînes et non pour le style?

Answer 1

De la spécification HTML 4.01:

 <!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->
 

D'après le projet de spécification HTML 5:

Modèle de contenu: texte.

(Même les spécifications HTML 3.2 et HTML 2 disent: <!ELEMENT OPTION - O (#PCDATA)*> )

Un élément option ne peut avoir aucun élément enfant. Alors oui, c'est mauvais.

Answer 2

Vous pouvez utiliser un plugin Javascript pour surmonter cette limitation. Par exemple, la page d'accueil du plugin jQuery "Select2" Select2 . Je l'utilise dans quelques-uns de mes projets et je pense que c'est assez flexible et pratique.

Il y a un certain nombre d'entre eux, mais ils font tout à fait même chose - convertir traditionnelle <select> en <div> des blocs avec une fonctionnalité supplémentaire.

Answer 3

L'élément option

Modèle de contenu: texte

Non, ça ne va pas. Pensez à conserver les valeurs dans votre script afin de pouvoir les recomposer si nécessaire.

Answer 4

Vous feriez mieux d'utiliser un remplacement HTML pour votre <select> si vous voulez le faire.

Answer 5

Une option pour l'édition serait d'utiliser une correspondance de motifs fantaisie pour mettre à jour le contenu. Il sera plus lent et nécessitera plus de ressources, et dépend de la régularité du format, mais ne nécessite aucune modification HTML. Ma préoccupation, cependant, concernerait l'accessibilité et l'expérience utilisateur. Il est difficile pour le logiciel de lecture d'écran de modifier les valeurs, et cela peut également dérouter les autres utilisateurs.