HTML5引入了许多新的元素和属性,其中一些新属性包括data-*属性、autocomplete属性、autofocus属性等等。下面将对其中的几个进行详细介绍并展示相关代码示例。
data-*属性:
该属性用于在元素上存储自定义数据。使用该属性时,可以将任何数据存储在元素中,例如标签、ID、值等。
示例代码:
<p data-author="John Doe" data-time="2023-02-24">This is a paragraph.</p>
autocomplete属性:
该属性指定元素是否应该启用自动完成功能。当启用此功能时,浏览器会根据用户之前输入的值来提供自动完成的选项。
示例代码:
<form> <label for="fruit">Choose a fruit:</label> <input type="text" id="fruit" name="fruit" autocomplete="on"> </form>
autofocus属性:
该属性指定页面加载时是否自动将焦点设置在元素上。
示例代码:
<form> <label for="name">Name:</label> <input type="text" id="name" name="name" autofocus> </form>
以上这些是HTML5中新增的一些属性