有没有办法在HTML标签中保存额外的信息？

Question

我创建了多个按钮，对于每个创建的按钮，我希望保存一些信息到属性中，以便在单击该按钮时使用。

HTML button 中是否有任何属性可以存储信息以供将来使用？

- Michael

---

示例中的data-*属性是什么？ - DoXicK

Answer 1

你可以使用新的data-*自定义数据属性来创建自己的属性（见w3c规范）。*代表你想要的任何内容（只要它是有效的HTML格式，当然）：

<button id="x123"
        data-some-attr="I like this"
        data-what-about-this="I like it too"
/>

- Patrick Hofman

Answer 2

请查看data-attributes，例如在这里可以找到更多信息。

来自链接页面的示例：

<li class="user" data-name="John Resig" data-city="Boston" data-lang="js" data-food="Bacon">...</li>

- pavel

Answer 3

HTML5为此引入了data-属性。如果您要存储按钮编号，可以将其称为data-callNum或类似的名称。

您可以在此处了解更多信息: http://www.w3schools.com/tags/att_global_data.asp

使用JS时需要注意，由于-会被解释为减法运算，因此不能像平常一样使用.访问成员。所以，您需要使用button.getAttribute('data-attr')代替button.data-attr。

- David

---

请注意，w3schools.com不是一个好的资源，请勿使用该网站链接。 - pavel

有些人喜欢它，有些人讨厌它。我个人从未弄明白为什么人们讨厌它。它可能不适合学习，但我在使用它作为参考时从未遇到过任何问题。 - David

@David：嗯，有时候信息并不是非常准确或者完全错误。他们已经过了最好的时光。 - Patrick Hofman

那里的信息质量较低，有许多比w3schools更好的资源，但由于域名（W3C vs. W3S），它似乎是官方的。 - pavel

就我个人而言，我从那个网站获取的任何信息都没有问题。不过如果您有例子，我也很欢迎。 - David

也许一个更权威的来源会更好？ - kojiro