alternatif de attrbutes personnalisés pour les balises pour stocker des informations en HTML 4

Question

un corps peut-il me dire une alternative à stocker des informations pour une étiquette particulière en HTML 4. Par exemple, si je baisse vers le bas comme

<select> 
<option value="0" regionId="1">Test1</option> 
<option value="1" regionId="2">Test2</option> 
</select> 

Ici, regionId est un attribut personnalisé, je peux accéder à l'attribut, mais la validation HTML du W3C échoue. Une suggestion à ce sujet?

Answer 1

Vous pouvez utiliser javascript avec JSon. Il est largement utilisé et il existe de nombreuses bibliothèques de support pour de nombreuses langues pour produire JSon.

Answer 2

vous pouvez utiliser une bibliothèque javascript comme jQuery. Il vous permet de définir des données pour n'importe quel dom onject que vous voulez. Dans votre exemple, vous pouvez utiliser $('select > option[value=0]').data('regionId', '1') et récupérer cette information en utilisant $('select > option[value=0]').data('regionId') ou $('select > option[value=0]').regionId. Une manière purement HTML serait de trouver n'importe quel attribut valide dans lequel vous pourriez stocker vos informations, mais dans la plupart des cas ce serait une mauvaise pratique parce que vous abusez de l'attribut. Ici vous pouvez trouver une liste de tous les attributs valides par tag html: http://www.htmldog.com/reference/htmltags/

Answer 3

Pourquoi ne pas utiliser un attribut id normal?

<select> 
<option value="0" id="region_1">Test1</option> 
<option value="1" id="region_2">Test2</option> 
</select> 

Pour avoir HTML valide vous ne pouvez utiliser vos propres attributs de Custon. Mais avec OPTION vous pouvez utiliser l'identifiant, la classe ou le titre pour ce type d'information et l'identifiant est le meilleur pour vos besoins.

EDIT: Comme un identifiant ne doit pas contenir seulement un nombre, j'ai ajouté "region_" que vous pouvez supprimer dans le code auquel vous accédez à l'attribut

Answer 4

Utilisez les attributs HTML et data-*. Voir Can I just make up attributes on my HTML tags?