字段在html中中的标记为,在JavaScript的HTML标记中存储任意信息？

Pekka supports GoFundMonica

4

html

javascript

tags

一个非常普遍的问题.

我正在动态生成一个表单,该表单使用HTML/JavaScript分成多个级别的选项卡.

我想使用CSS和background-image突出显示某些字段(具有与全局模板不同的值的字段)和星号*符号.

JS字段遍历每个字段,比较其值,并在必要时为其设置CSS类.到现在为止还挺好.

此外,我不仅希望每个更改的字段都标有星号,还要标记它所在的选项卡.

因为我喜欢它简单,我想将选项卡的元素ID存储为每个字段的HTML标记中的某个属性(类似"parentTab").JS函数然后突出显示该字段及其"parentTab"元素(也可能是那个"parentTab").

我的第一种方法是滥用"title"属性或somethiong来存储parentTab.当然,这很脏.但是,如果我只是将任意属性添加到DIV或INPUT标记中,它将不再验证,我觉得访问这些属性的安全性不足 - 谁知道不同的浏览器如何处理它,并将来会处理它？

所以我的问题是:是否有一种有效的,符合标准的方式 - 某种属性 - 将任意数据存储在HTML标记内,以便通过JavaScript进一步处理？

当然,我可以创建一个"parentTabs"JS数组并完成它.但是将它存储在输入本身会更加优雅.