一、HTML5 新增 input 表单属性 ---- HTML5 新增 input 表单属性 : required 属性 : 属性值为 required , 一旦设置了该属性 , 则表单的内容就是必填项..., 不能为空 ; placeholder 属性 : 属性值为提示文本 , 又称为占位符 , 用于设置表单的提示信息 , 如果有默认值则不显示 ; multiple 属性 : 属性值为 multiple..., 可以 选择多个文件提交 ; autofocus 属性 : 属性值为 autofocus , 设置了该属性 , 可以自动进行聚焦 , 页面加载完毕后 , 自动聚焦到设置了该属性的表单 ; autocomplete...需要满足以下两个条件 : 为表单添加 name 属性 自动补全的内容需要之前提交成功过 1、required 属性 required 属性 : 属性值为 required , 一旦设置了该属性 ,...autofocus 属性 : 属性值为 autofocus , 设置了该属性 , 可以自动进行聚焦 , 页面加载完毕后 , 自动聚焦到设置了该属性的表单 ; 如 : 百度搜索引擎 , 网页加载好 ,
<input type="text" name="country_code" pattern="[A-z]{3}" title="Three letter ...
一定位介绍 定位的基本思想很简单，它允许你定义元素出现在页面的任何位置. 是通过position属性配合left,right...等来实 现的....二定位类别 1.相对定位 相对定位就是相对于自己以前在标准流中的位置来移动 语法: position: relative; 配合left, top, right,bottom等属性使用 特点 相对定位是不脱离标准流的..., 会继续在标准流中占用一份空间 在相对定位中同一个方向上的定位属性只能使用一个 eg: left和right, top和bottom 由于相对定位是不脱离标准流的, 所以在相对定位中是区分块级元素/行内元素.../行内块级元素 由于相对定位是不脱离标准流的, 并且相对定位的元素会占用标准流中的位置, 所以当给相对定位的元素 设置margin/padding等属性的时会影响到标准流的布局 2.绝对定位 默认情况下绝对定位就是相对于..., 不会占用标准流中的空间 固定定位和绝对定位一样不区分行内/块级/行内块 三定位属性的应用 1.
10.right right 属性规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移。...注释：如果 "position" 属性的值为 "static"，那么设置 "right" 属性不会产生任何效果。 ...Js语法：object.style.right="50px" 该属性与：top,bottom,left是类似的 11.top top 属性规定元素的顶部边缘。...该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。 注释：如果 "position" 属性的值为 "static"，那么设置 "top" 属性不会产生任何效果。 ...注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！ 该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。
relative（相对定位） 相对定位是相对于该元素在文档流中的原始位置，即以自己原始位置为参照物。有趣的是，即使设定了元素的相对定位以及偏移值，元素还占有着原来的位置，即占据文档流空间。...absolute（绝对定位） 定义：设置为绝对定位的元素框从文档流完全删除，并相对于最近的已定位祖先元素定位，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（即body元素）。...元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。 重点：如果父级设置了position属性，例如position:relative;，那么子元素就会以父级的左上角为原始点进行定位。...另外，对象脱离正常文档流，使用top，right，bottom，left等属性进行绝对定位。而其层叠通过z-index属性定义。...fixed（固定） fixed：对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。
在html5中提供了两种在客户端存储数据的新方法localStorage和sessionStorage ，并且html5还支持内嵌在浏览器中的WebSQL数据库，下面就介绍一下这三种存储数据的使用方式。...在html5中如果需要启用应用程序缓存，需要在文档的 标签中写上 manifest 属性，并指定appcache文件的路径。...如果未指定 manifest 属性，则页面不会被缓存（除非在 manifest 文件中直接指定了该页面）。...这就是如何使用html5中的应用缓存的简单介绍。 GPS定位 在html5中有一个Geolocation API，这个API用于通过GPS获得用户的地理位置，也就是俗称的GPS定位。...手机上也可以定位： ? 除此之外还可以调用一些地图API将坐标显示到地图上。 代码示例，我这里调用的是百度地图的API： ? 运行结果： ?
HTML 5的语法 html5相对于以前的html（html4，xhtml等）更加简洁更加的人性化。...这些元素纯粹是为画面展示服务的，HTML5中提倡把画面展示性功能放在css中统一编辑。 2、不再使用frame框架。 frameset、frame、noframes。...HTML5中不支持frame框架，只支持iframe框架，或者用服务器方创建的由多个页面组成的符合页面的形式，删除以上这三个标签。...reversed属性: 的属性，定义序号是否倒叙 start属性： 的属性，定义序号的起始值 scoped属性： 内嵌CSS样式的属性，定义该样式只局限于拥有该内嵌样式的元素，适用于单页开发...，整个页面的文本都可以编辑了）； HTML 5的兼容性 HTML5有部分内容兼容到IE9，IE8及以下对H5完全不兼容后面的内容不再考虑此类浏览器。
css教程之定位属性 一、position position：static | relative | absolute | fixed static 对象遵循常规流。...此时4个定位偏移属性不会被应用。 relative 相对定位，存在占位，原来的元素位置不会变。...absolute 绝对定位，此时偏移属性参照的是离自身最近的定位祖先元素，如果没有定位的祖先元素，则一直回溯到body元素。...fixed 固定定位，相对屏幕定位，不会随页面移动 .pos{ position:absolute; } 二、z-index:1 层级显示 数字越大显示越前面 .zindex{
1、form属性 表单内的从属元素，可以写在表单外部。可以通过指定元素的form属性来声明元素所属表单。form的属性值为表单的id。...="testForm"> 2 3 4 详细学习内容可参看：HTML5...新增的form属性简介 2、formaction属性 给所有的提交按钮增加formaction属性，可以通过不同的按钮将表单提交到不同的页面。...6、list属性 为单行文本框特有属性，配合datalist标签使用。属性值为datalist标签的id。...Hello">Hello Good Afternoon 详细学习内容可参看：HTML5
3、contenteditable 属性 contenteditable 是 HTML5 中新增加的属性，，其用途是让用户能够修改页面上的内容。 从左到右从右到左 5、draggable 属性 draggable 属性是 HTML5 支持拖放操作的方式之一...6、dropzone 属性 dropzone 属性是 HTML5 支持拖放操作的方式之一，与 draggable 属性搭配使用。 7、id 属性 id 属性用来给元素分配一个唯一的标识符。...需要说明的一点是，id 属性还可以用来导航到文档中的特定位置。...），具体也可以看一下这篇介绍 HTML5 的 hidden 属性 <!
HTML5新增了全局属性概念，所谓全局属性就是可以对任何元素都可以的属性。...该属性还有一个隐藏的inherit（继承）状态，如果属性值为true时表示为可编辑状态，如果属性值为false时表示为不可编辑状态，如果是未设定属性值，则由inherit状态来决定，如果元素的父元素是可编辑的...属性值有on和off，当该属性值为on时页面可编辑。属性值为off表示页面不可编辑。...3、hidden属性 在HTML5中所有的元素都允许使用一个hidden属性，该属性是布尔值属性，可以被设定为true或者false。 当设为true时，元素处于不可见状态。...4、spellcheck属性 该属性是HTML5对于input元素与textarea元素提供的一个新属性，它的功能是针对用户输入的内容进行拼写检查和语法检查，spellcheck属性是一个布尔值属性，具有
一、HTML5 视频标签 video ---- HTML 5 的 视频标签 , 支持 ogg / mpeg 4 ( mp4 ) / webM 三种格式的音频 , 不同的浏览器支持的音频格式不同...: controls 属性 : 值为 controls , 启用控制按钮 , 由于在不同的浏览器中表现不同 , 一般情况下 , 不显示控制按钮 ; autoplay 属性 : 值为 autoplay...; 播放器的宽高建议只设置一个 , 避免失真 ; height 属性 : 值为像素值 , 设置播放器高度 ; 播放器的宽高建议只设置一个 , 避免失真 ; loop 属性 : 值为 loop , 设置播放器循环播放...; poster 属性 : 值为 图片 url 路径 , 设置视频位置等待加载时的图片 ; preload 属性 : 设置 auto , 表示 预先加载视频 ; 设置 none , 表示 不预先加载视频...content="IE=edge"> HTML5
浏览器定位，也就是HTML5定位，据我目前的理解，这俩其实是一个概念。都是随着html5技术的发展而开始进入大众视野。 ...，因此当前阶段，只有默认返回wgs84标准坐标的浏览器可以准确定位。...： 1，电脑端使用浏览器定位，电脑端也能定位。...推测浏览器使用了外部服务实现定位，但准确度取决于参与影响因素有，ip定位，计算机时区等 2，移动端浏览器定位，取决于多种因素，主要是依赖于移动设备内置的位置服务。...此内置服务对于手机来讲，包括纯GPS定位，纯网络定位（wifi，ip等均属于网络定位），综合定位，以及关闭定位功能 3，系统权限问题，以安卓平台为例，手机APP往往需要先获取位置服务的权限，然后才能用到位置服务功能
一、关于DTD HTML5 不基于 SGML，所以不需要引用 DTD（HTML 4.01 基于 SGML） 二、HTML5结构标签 标记定义一个页面或一个区域的头部 标记定义导航链接...ogg JS中new Audia() 等同于 html 上加一个 标签 chrome和opera不能自动播放，需要一个页面元素上的交互才可以 width / height 属性没有作用...表单属性 autocomplete：自动完成，适用于 标签，以及以下类型的 标签： text, search, url, telephone, email, password...链接属性 size target <base href=“http://localhost...其他属性 defer：加载完脚本后并不执行，而是等整个页面加载完之后再执行 async：加载完脚本后立刻执行，不用等整个页面都加载完，
属性规定form或input域应该拥有自动完成功能，当input聚焦时，浏览器应该在域中显示填写的选项。...新增表单属性 H5中新增表单属性指 form 和 input 元素新增属性。 form新属性及意义 autocomplete ：规定form域自动完成功能。...： formaction - 重写表单的 action 属性 formenctype - 重写表单 enctype 属性 formmethod - 重写表单 method 属性 formnovalidate...- 重写表单 novalidate 属性 formtarget - 重写表单的 target 属性 min、max、step属性 三者用于对数字、日期类型输入框的限制和约束。...multipel属性：规定输入域中可选择多个值。适用于 email 和 file 两种类型。 pattern属性：验证input域的模式。
如果url指向第三方资源，download会失效，表现和不使用download时一致——浏览器能打开的文件，浏览器会直接打开，不能打开的文件，会直接下载。浏览器...
2015-09-22 01:43:08 写这篇文章主要是来向大家介绍一下HTML5当中download属性的用法和之前下载的区别。需要的朋友可以看一下。...在以往传统的html下载文件样式是这样的 下载 而在HTML 5浏览器中，可以支持download属性了，如下： <a href...，显示的是这个downloader属性中显示的 东西了，比较友好 HTML5里，download属性为下载的文件取一个合适的名字，而不是使用原生的服务器文件名。...download属性同时开启了一个强制下载。 这个属性在存在文件交互的地方非常有用，在服务器端的文件名需要是及其独特的（上例中的文件名就很独特不是吗？）...，但是一堆乱码对用户来说没有任何作用，download属性定义文件名对用户更有意义。download属性只是增强性的，它不是非常酷，但是它很实用，而且非常易于添加。
HTML5 Geolocation（地理定位） HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。...浏览器支持情况 Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation（地理定位） 注意：Geolocation（地理定位...）对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。...7 maximumAge: 3000 8 }) 4、地理定位实例----（可返回用户位置的经度和纬度 ）： 1 var x=document.getElementById("demo");...二、Geolocation 对象 - 其他有趣的方法 HTML5 watchPosition 监听地理位置变化- 返回用户的当前位置，并继续返回用户移动时的更新位置（就像汽车上的 GPS）。
很多小伙伴看到这个标题估计看都不想看，background-position这属性有啥可讲的嘛，都用过无数遍了，只不过我们大多数情况下都是用的简写方式background，比如这样： .box{...偏移值 上面这些貌似挺好用，但是却还不够灵活，包括下面即将讲到的长度值和百分值也同样不够灵活（都是相对左侧或顶部定位），如果我想要距离右侧和底部定位且还需有一定距离该怎么办呢？...如果是长度值的话，那么背景图是拿其左上角来相对盒子的左上角进行定位，但百分数值不是，它是拿其自身的(10%,50%)这个位置的点来相对盒子的左上角进行定位，上面这个例子的效果其实和下面这个效果是一样的。...此时的定位参考点是图片中(5px,25px)的这个点，而不是图片的左上角，这个点的位置是根据图片的宽高来计算的。...50 * 10% = 5px; 50 * 50% = 25px; 四、混合用法 以上三种背景定位属性值可以混合使用，例如： background-position: 10px center; background-position
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
