HTML中是否有“数据格式”属性？

Question

我在一个视频中找到了此代码，但是在HTML规范中找不到data-format属性。

<input type="text" class="form-control bfh-phone" data-format="+7(ddd)-ddd-dd-dd" />

Answer 1

您是对的，HTML5中没有|raw属性

但是，HTML5旨在允许某些任意属性提供某些可扩展性。这些是data-format属性。可以通过javascript访问这些内容，以帮助增强表示效果，或者在这种情况下，可能提供验证规则或其他行为。

https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

使用data-*前缀表示可以通过元素的数据集列表访问任意属性。

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset

Answer 2

所有data-*属性都可以通过element.dataset.*与Java脚本轻松交互。

html

<div id="toto" data-test="abc"></div>

javascript

console.log(document.getElementById("toto").dataset.test);
// will display "abc" in console