<input type="text" id="email" name="email" value="admin@qq.com" data-id="test1" attr="test2" />

原生属性

w3c 规范里面规定有的属性, 比如 input 标签有: type/id/name/value等属性

自定义属性

w3c 规范中没有的属性, 自定义加的属性: data-id/attr一般用于存储数据

有什么区别?

1. 原生属性和 DOM 对象上的属性是互相映射, dom 对象改变了,页面上标签对应的属性也会改变,而自定义属性是不行的
2. 原生属性可以用 domObject.value这种语法来获取, 而自定义属性是不可以的, 只能用 getAttribute("data-val")方法来获取
3. 原生属性可以用 domObject.value = "123"这样的语法来赋值, 自定义属性必须使用setAttribute("data-val", 123)这种方式