开发者社区开发与运维文章正文

Html5 dataset--自定义属性

2016-10-24 917

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： dataset--自定义属性 HTMLElement.dataset data-*属性集元素上保存数据 liujldiv.dataset.属性名值id“123456”accountName“liujl”name“刘江龙”email“757617012@qq.

dataset--自定义属性

HTMLElement.dataset

data-*属性集

元素上保存数据

<div id="user" 
 data-id="123456" 
 data-account-name="liujl" 
 data-name="刘江龙"
  data-email="757617012@qq.com" 
 data-mobile="12345678765">
liujl</div>

div.dataset.

属性名	值
id	“123456”
accountName	“liujl”
name	“刘江龙”
email	“757617012@qq.com”
mobile	“12345678756”

关于dataset的浏览器兼容性（大多数浏览器都支持）：http://caniuse.com/#search=dataset

有网友翻译了国外一篇关于html5的dataset的博客：http://www.zhangxinxu.com/wordpress/2011/06/html5%E8%87%AA%E5%AE%9A%E4%B9%89%E5%B1%9E%E6%80%A7%E5%AF%B9%E8%B1%A1dataset%E7%AE%80%E4%BB%8B/

国外原博客地址：https://dev.opera.com/articles/introduction-to-datasets/

Technorati 标记: html, css, html5, dataset

开始做，坚持做，重复做

文章标签：

Web App开发

HTML5

移动开发

关键词：

HTML属性

HTML自定义

effort880829

存储移动开发前端开发

HTML5新增了哪些其他元素和属性

这段文字介绍了HTML5中新增的多种元素和属性，包括页面布局元素如header、nav等，表单元素如email、tel输入框等，以及其他元素如canvas、svg等。此外，还介绍了全局及表单属性，例如contenteditable、placeholder等，这些新功能显著增强了HTML5在现代网页设计与开发中的实用性与灵活性。

461 1 1

疯狂的猿

利用html2canvas插件自定义生成名片信息并保存图片

这是一个利用html2canvas插件自定义生成名片信息并保存图片，自定义上传头像，自定义输入个人信息内容，自定义图片名称，并将生成的图片保存到本地

疯狂的猿

170 1 1

游客44yag4ft7nckq

12月前

移动开发 HTML5

HTML5 表单属性3

`<input>` 标签的 `formaction`、`formenctype` 和 `formmethod` 属性分别用于指定表单提交的 URL 地址、数据编码类型和提交方法，这些属性可覆盖 `<form>` 标签中的相应属性，并且主要适用于 `type="submit"` 和 `type="image"` 的输入类型。

游客44yag4ft7nckq

117 10 10

游客44yag4ft7nckq

11月前

移动开发 JavaScript 前端开发

HTML5 表单属性7

`pattern` 属性使用正则表达式验证 `<input>` 元素的值，适用于 `text`, `search`, `url`, `tel`, `email`, 和 `password` 类型。

游客44yag4ft7nckq

126 7 7

游客44yag4ft7nckq

11月前

移动开发 UED HTML5

HTML5 表单属性6

`min`、`max` 和 `step` 属性用于限制 `<input>` 标签中的数值或日期范围。例如，可以设置日期选择器的最早和最晚日期，或限制数字输入框的值范围。`multiple` 属性允许在 `<input>` 中选择多个值，适用于邮箱和文件类型。这些属性增强了表单控件的功能性和用户体验。

游客44yag4ft7nckq

144 7 7

游客44yag4ft7nckq

12月前

移动开发 HTML5

HTML5 表单属性4

`formnovalidate` 属性是一个布尔属性，用于 `<input>` 元素，指示该输入在表单提交时不需验证，可覆盖 `<form>` 元素的 `novalidate` 属性，常与 `type="submit"` 一起使用。示例中展示了如何通过两个提交按钮（一个使用验证，另一个不使用）实现不同的表单提交方式。

游客44yag4ft7nckq

113 7 7

游客44yag4ft7nckq

11月前

移动开发 HTML5

HTML5 表单属性5

`height` 和 `width` 属性用于 `<input>` 标签中的 `image` 类型，定义图像的高度和宽度。

游客44yag4ft7nckq

109 6 6

游客44yag4ft7nckq

12月前

移动开发 JavaScript 前端开发

HTML5 表单属性2

`novalidate` 是 HTML `<form>` 元素的布尔属性，用于禁用浏览器的默认表单验证功能。当此属性存在时，浏览器不会检查表单字段是否符合预设的验证规则，允许开发者通过 JavaScript 等手段自定义验证逻辑。

游客44yag4ft7nckq

115 6 6

游客44yag4ft7nckq

12月前

移动开发 UED HTML5

HTML5 表单属性1

HTML5为<form>和<input>标签引入了多个新属性，增强了表单的功能性和用户体验。其中，<form>新增了autocomplete和novalidate属性；<input>则增加了如autofocus、formaction、placeholder等13个新属性，支持更精细的表单控制和数据验证。例如，autocomplete属性允许表单或输入字段提供自动完成功能，提高用户填写效率。

游客44yag4ft7nckq

123 3 3

游客44yag4ft7nckq

11月前

移动开发数据安全/隐私保护 HTML5

HTML5 表单属性8

`required`属性确保表单提交前输入框不能为空，适用于多种类型的 `<input>` 标签，如文本、邮箱、密码等。`step`属性则用于指定输入域中合法数值的间隔，常与`max`和`min`属性配合使用，适用于数字、日期等类型。例如，设置`<input type="number" step="3">`可使输入值以3为单位递增或递减。

游客44yag4ft7nckq

115 1 1

Html5 dataset--自定义属性

dataset--自定义属性

热门文章

最新文章

相关课程

相关电子书

探索云世界

热门

云计算

大数据

云原生

人工智能

数据库

开发与运维

活动广场

任务中心

训练营

直播

乘风者计划

下载

镜像站

技术资料

Html5 dataset--自定义属性

dataset--自定义属性

热门文章

最新文章

相关课程

相关电子书