自定义 HTML 属性的正确方法答案

【问题标题】：Correct way for custom HTML attributes自定义 HTML 属性的正确方法
【发布时间】：2011-01-19 14:43:38
【问题描述】：

我正在编写自定义表单验证 javascript 库，并且正在考虑正确的标记语法。假设我有一个输入需要 1 000 到 10 000 之间的数字。

到目前为止，我想出了这样的事情：

<input class='validate required number' min='1000' max='10000' />

这是正确的做法吗？我这里有两个问题：

【问题讨论】：

【解决方案1】：

由于HTML5 将支持这种结构，它可能是最好的选择：

<input data-validate="very-yes" data-min="1000" data-max="10000"/>

任何“data-...”属性都可以用来存储更多信息。您也可以在使用脚本后附加此数据

【讨论】：

【解决方案2】：

使用这样的类非常好。事实上，它让用 Javascript 和 CSS 做事变得容易多了。

HTML 中不允许使用自定义属性。应该使用 class 属性来为每个标签添加自定义功能或样式。

在您的情况下，我建议添加一个诸如“number-1000-10000”之类的类，然后使用 Javascript 来完成剩下的工作。

【讨论】：

【解决方案3】：

如果您阅读jQuery Validation，它似乎以 JSON 格式指定了复杂的验证参数（例如字段的最大值和最小值）。

【讨论】：