自定义属性是专门设计的属性，不包含在标准 HTML5 属性中。它们使我们能够通过添加自己的数据来自定义 HTML 标签。自定义属性是任何名称以 data- 开头的属性。我们可以使用 data-* 属性在所有 HTML 组件上嵌入自定义属性。语法：HTML HTML 中 data-* 属性的语法相对简单。每个以 data- 开头的元素都是一个 data-* 属性。id = “sample” data-index = 1 data-row = 23 data-column = 44 ... 阅读更多

当元素在 HTML 中被拖放时，ondragover 属性会触发。示例您可以尝试运行以下代码来实现 ondragover 属性 -                    .drag {             float: left;             width: 100px;             height: 35px;             border: 2px dashed #876587;             margin: 15px;             padding: 10px;          }         ... 阅读更多

在 HTML 中使用 data 属性来指定 HTML 中对象要使用的资源的 URL。示例您可以尝试运行以下代码来实现 data 属性 -           演示                

在 HTML 中使用 content 属性来获取与 http-equiv 或 name 属性关联的值。示例您可以尝试运行以下代码来实现 content 属性 -                         这是演示文本。    

在 HTML 中使用 onsearch 属性在用户在搜索字段中输入内容并按下 ENTER 或 x 时执行脚本。示例您可以尝试运行以下代码来实现 onsearch 属性 -           搜索内容并按下 ENTER。             注意：它在 Internet Explorer 和 Firefox 中不起作用。                      function display() {          var a = document.getElementById("inputID");          document.getElementById("test").innerHTML = "Searched for - " + a.value;          }          

在 HTML 中使用 controls 属性来包含音频/视频控件。示例您可以尝试运行以下代码来实现 controls 属性 -           HTML 视频标签               在线编译器                                此浏览器不支持 video 标签。          

要设置图像地图中区域的坐标，请使用 HTML 中的 cords 属性来设置 HTML 中图像地图中区域的坐标。示例您可以尝试运行以下代码来实现 cords 属性 -           HTML coords 属性                                        

当 Web 浏览器窗口大小调整时，onresize 属性会触发。示例您可以尝试运行以下代码来实现 onresize 属性 -           调整窗口大小以触发事件。                function display() {             alert("Web 浏览器窗口大小已调整！");          }          

当表单重置时，onreset 属性会触发。您可以尝试运行以下代码来实现 onreset 属性 - 示例                    学生姓名：                              学生科目：                                                    function display() {             alert("表单重置成功！");          }          

当滚动元素时，onscroll 属性会触发。您可以尝试运行以下代码来实现 onscroll 属性 - 示例                    #myid {             width   : 250px;             height  : 80px;             border  : 2px solid blue;             overflow: scroll;          }                     滚动框。       这是演示文本。这是演示文本。这是演示文本。这是演示文本。这是演示文本。这是演示文本。                      function display() {             document.getElementById("myid").style.color = "blue";          }