摘要: 全局属性和事件能够应用到所有标签元素上,在HTML4中有许多全局属性,比如id,class等。HTML5中又新增了一些特殊功能的全局属性和事件。属性: HTML5属性能够赋给标签元素含义和语境,下面的全局属性可用于任何 HTML5 元素。属性描述contenteditable规定是否允许用户编辑内容。contextmenu规定元素的上下文菜单。draggable规定是否允许用户拖动元素。dropzone规定当被拖动的项目/数据被拖放到元素中时会发生什么。hid...
定义H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性12<div id="box1" data-name="Musk"></div><div id="box2" data-full-name="Elon Musk"></div>获取使用H5自定义属性对象dataset来获取12345678let box1 = document.getElementById(‘box1‘);let box2 = document.getElementById(‘box2‘);
box1.dataset.name // Muskbox2.dataset.fullName // Elon Musk (驼峰)box1.getAttribute(‘data-name‘) // Muskbox...
自 H5 诞生以来,在 html4.0 中有些元素已被 H5 废弃,但是在 H5 中添加了很多新元素以及功能,今天我们学习 H5 中新增的元素和属性都有哪些?新增语义结构标签标签描述<article>定义页面独立的内容区域。<aside>定义页面的侧边栏内容。<bdi>允许您设置一段文本,使其脱离其父元素的文本方向设置。<command>定义命令按钮,比如单选按钮、复选框或按钮<details>用于描述文档或文档某个部分的细节<dialog>定义对话框,比如提示框<sum...
1.新增的input输入类型
1.Email类型的input元素是一种专门用于输入E-mail地址的文本输入框,在提交表单的时候,会自动验证Email输入框的值。如果不是一个有效的E-mail地址,则该输入框不允许提交表单。示例: <input type="email" name="user-email" autofocus /> 不支持该属性的浏览器,将会以type="|text"处理,并不妨碍旧版本浏览器采用该属性。 2.URL类型的应用 URL类型的input元素提供用于输入URL地址这类特殊文本的文本框。...
为什么需要自定义数据属性?很多时候我们需要存储一些与不同DOM元素相关联的信息。这些信息对于读者来说可能是不需要的,但是可以轻松的访问这些信息将会给我们开发者的工作带来极大的便利。例如,假设你有一份某个餐饮类网站上所有餐馆的名单。在HTML5之前,如果你想存储餐馆提供的食物种类或餐馆与用户之间的距离等信息,那么你将使用HTML的class属性。但是如果你还需要存储餐馆的id以便查看用户想要访问的特定餐厅该怎么办?以下...
placeholder 占位符
autofocus 自动获取焦点
autocomplete 自动获取内容 (必须提交 name)
required 必填
pattern 正则表达式 (不需要/ / “”)
Multiple 文件上传可上传多个
Form<form action="" id="myForm"><!--placeholder:提示文本,提示占位--><!--autofocus:自动获取焦点--><!--autocomplete:自动完成:on:打开 off:关闭1.必须成功提交过:提交过才会记录2.当前添加autocomplete的元素必须...
用2中方法给单复选框增加新的特性,使直接点击文字就可以被选中1.将选项放入label标签内添加for属性,并在input标签内添加id,两者值相同。2.将input标签放到label标签内,注意label标签内不使用for属性。?1.在optgroup里面添加label属性,可以给每组添加标题,标题为不可选;?2.当在option里面添加label属性,选项默认label的属性值原文:http://www.cnblogs.com/Litter-Tulip/p/5261487.html
读写方式data-*有两种设置方式,可以直接在HTML元素标签上书写<div id="test" data-age="24">Click Here</div>其中的data-age就是一种自定义属性,当然我们也可以通过JavaScript来对其进行操作,HTML5中元素都会有一个dataset的属性,这是一个DOMStringMap类型的键值对集合var test = document.getElementById(‘test‘);test.dataset.my = ‘Byron‘;这样就为div添加了一个data-my的自定义属性,使用JavaScript操作dataset有两个需...
模板页面核心代码:<ignore_js_op> 核心js代码:<ignore_js_op>服务器端测试代码:<ignore_js_op> 效果图如下:<ignore_js_op> 、更多技术资讯可关注:gzitcast原文:https://www.cnblogs.com/heimaguangzhou/p/11452073.html
一HTML5新增属性1.1contcxtmcnucontextmenu的作用是指定右键菜单。<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title></head><body><div id="div1" style="height:900px; background: lightgreen;" contextmenu="menuShare"></div><menu id="menuShare" type="context"><menuitem label="分享到QQ空间" onclick="alert(‘QQ‘);"></menuitem><menuitem label="分享到朋友圈" onclick="alert(‘朋友圈‘);"></menui...
之前为大家介绍了些许关于HTML5新添加的小东东,想必大家也有所了解了。今天为大家介绍HTML5中有关HTMLDocument方面新添加的内容。那么HTML5中有关HTMLDocument方面新添加的内容都有什么呢?HTML5中有关HTMLDocument方面新添加的内容有readyState属性、兼容模式判断和head属性。下面就为大家一一介绍这些新添加的小东东吧。 1、readyState属性 早在IE4时代的时候,document对象就引入了readyState属性了,但是一直都没有纳入标...
1.链接数据:文本链接图片链接2.属性:href属性:指向另一个文档的链接name属性:创建文档内的链接(href="#name的值")3.img标签属性:src:指向文件地址(src="html.peg")alt:替换文档属性(当图片不显示时,起描述图片作用)width:宽height:高原文:http://www.cnblogs.com/moluo/p/6361100.html
写在前面的话: 由于CSS3标准还未完全订下来,所以各种内核的浏览器都有自己的标准,为了不使属性混淆,所以各家在各家自标准前加了一个前缀,如:-moz-主要是firefox火狐 -webikt-主要是chrome谷歌 -o-主要是用于苹果浏览器 一.box-shadow(阴影效果)使用:box-shadow:20px 10px 0 #000;-moz-box-shadow:20px 10px 0 #000;-webkit-box-shadow:20px 10px 0 #000;支持:FF3.5,Safari4,Chrome3二.border-colors(为边...
前言:HTML5 中 Audio and Video的使用方法比较简单,但就是比较复杂,方法属性多。如果不常用的几乎难以记住,甚至有些人难以区分不同属性和方法的作用,更别说应用了。以下对Audio and Video的使用方法做了一个简单的总结,算是一个大致轮廓。至于具体的使用方法可以再网上查到,比较多就没总结。HTML5 Audio and Video 的优势1、作为原生的浏览器支持,无需安装任何第三方插件2、HTML5 规范提供了一套完整的多媒体脚本化控制的A...
[sourcecode language="plain"]<!DOCTYPE html>
<html
manifest="cache.manifest"><!--
manifest属性定义离线应用文件,详见:http://www.haojianhua.com/2015/07/29/html-5-manifest/--><head>
<meta
charset="UTF-8"><!--
charset属性:规定页面字符集
--><meta
http-equiv="pragma"
content="no-cache"><!--
http-equiv属性:不是html5新增属性,禁止浏览器缓存,详见:http://www.haojianhua.com/2015/07/30/http-equiv/-->
<t...