用于在HTML 4中存储某些信息的标记的自定义属性的替代方法

时间:2010-05-14 06:15:16

标签: html custom-attributes

有些机构可以告诉我任何替代方法,可以在HTML 4中存储特定标记的某些信息。例如,如果我有一个下拉列表,如

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

这里regionId是一个自定义属性,我能够访问该属性,但W3C HTML验证失败。有什么建议吗?

4 个答案:

答案 0 :(得分:1)

您可以将{j}与JSon一起使用。它被广泛使用,并且有很多支持库可供许多语言生成JSon。

答案 1 :(得分:1)

你可以使用像jQuery这样的javascript库。它允许您将一些数据设置为您想要的任何dom。在您的示例中,您可以使用$('select > option[value=0]').data('regionId', '1')并使用$('select > option[value=0]').data('regionId')$('select > option[value=0]').regionId检索此信息。纯HTML方式是找到可以存储信息的任何有效属性,但在大多数情况下,这是一种不好的做法,因为你滥用了属性。在这里,您可以找到每个html标记的所有有效属性的列表: http://www.htmldog.com/reference/htmltags/

答案 2 :(得分:0)

为什么不使用普通的id属性?

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

要拥有有效的HTML,您不能使用自己的custon属性。但是使用OPTION,您可以使用id,class或title来获取此类信息,而id最适合您的需求。

编辑:由于ID不能只包含数字,因此我添加了“region_”,您可以在要访问该属性的代码中删除该区域。

答案 3 :(得分:0)

使用HTML和data-*属性。见Can I just make up attributes on my HTML tags?