当前位置: 技术文章>> html5新增属性介绍

文章标题:html5新增属性介绍
  • 文章分类: 前端
  • 10579 阅读

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中新增的一些属性


推荐文章