使用html5中required属性

直接上代码 <form action="${pageContext.request.contextPath}/login/main.do" method="post" id="loginform" > <div class="login_content"> <div id="showError" class="errorContainer" style=&q…

HTML5中meta属性大集合

1.声明文档的字符编码 <meta charset='utf-8'> 2.声明文档的兼容模式 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 指示IE以目前可用的最高模式显示内容 <meta http-equiv="X-UA-Compatible" content="IE=Emulate IE7" />指示IE使用 <!D…

meta属性在HTML中占据了很重要的位置.如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等.虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们. 1.声明文档使用的字符编码 <meta charset='utf-8'> 2.声明文档的兼容模式 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 指示IE以目前可用的最…

IE9对HTML5中一部分属性不提供支持的原因

为什么在IE9中对于HTML5标准中的离线应用程序以及CSS3中的一部分不提供支持?笔者间接了解到了这个原因. 微软日前已经发布了Internet Explorer 9(以下简称IE9)正式版.在该版本中,微软遵循他们的发展战略,对于作为最新Web标准的HTML5与CSS3中大多数功能提供了支持. 同时,微软也准备将IE9应用在Windows Phone 7中使用.IE9无疑成为了微软的Internet战略中非常重要的一个环节. 但是,现在公布的IE9中,应该被用来与Firefox,Safari…

HTML5中meta属性

meta属性在HTML中占据了很重要的位置.如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等.虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们. 1.声明文档使用的字符编码 <meta charset='utf-8'> 2.声明文档的兼容模式 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 指示IE以目前可用的最…

HTML5中meta属性的使用详解

meta属性在HTML中占据了很重要的位置.如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等.虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们. 1.声明文档使用的字符编码 <meta charset='utf-8'> 2.声明文档的兼容模式 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 指示IE以目前可用的最…

详解HTML5中rel属性的prefetch预加载功能使用

在HTML5中,有个很有用但常被忽略的特性,就是预先加载(prefetch),它的原理是: 利用浏览器的空闲时间去先下载用户指定需要的内容,然后缓存起来,这样用户下次加载时,就直接从缓存中取出来,效率就快了. 举个例子说明:比如要预先加载某个页面,可以这样: XML/HTML Code <link rel="prefetch" href="http://www.example.com/">  但如果是googl…

html5中contenteditable属性如果过滤标签，过滤富文本样式

在div中使用contenteditable=”true”可以达到模拟输入框的效果,但是当我们复制其他网页内容进去的时候,会发现连带的样式也一起复制进去了.很明显我们不需要复制富文本样式,那么如何过滤这些标签呢? 查阅资料,发现如果只保证支持HTML5的webkit内核浏览器,目前有一些方法如下: 方法一: <div contenteditable="plaintext-only" id="content"></div> 熊猫办公 htt…

解决HTML5中placeholder属性兼容性的JQuery插件

//调用方法 $(function () { $(".pHolder").jason(); }); //HTML代码 <input type="text" class="pHolder" placeholder="请输入姓名" /> //jquery插件 ($.fn.jason = function(a) { var b = { focus: "black", …

html5中的选择器

1.html5中的属性选择器 <body> <style type=text/css>  [id=test]{ color:red; //比较严格只是匹配元素中的id是test的选择器 }  [id*=test]{ color:green; //相比较完全匹配的属性选择器这个的范围要广泛,只要是选择器的值中要test就可以被改变 } <!--3>首部字符匹配属性选择器…

html5中新增的form表单属性

html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能:当设置off时,关闭该功能.启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项.用户每提交一次,就会增加一个用于选择的选项 <!DOCTYPE html> <html> <head lang="en"…

认识HTML5中的新标签与新属性

前端之HTML5,CSS3(一) HTML5中常用内容标签 header标签 header标签定义文档的页眉,基本语法:<header>content</header>. nav标签 nav标签定义导航链接部分,基本语法:<nav>content</nav>. footer标签 footer标签定义文档的页脚,基本语法:<footer>content</footer>. article标签 article标签定义文章内容部分,基本语法…

html5中form表单新增属性以及改良的input标签元素的种类

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" />  &…

HTML5 中的新属性autocomplete="off"失效的解决方法（兼容firefox，IE，360）

因为业务需求,在写一个注册页面的时候,发现浏览器会自动填充此域名下已经保存的账号密码,给用户带来不便.加了HTML5 中的新属性autocomplete="off" ,但是并没有产生效果. 反复测试后发现浏览器自动填充机制是满足:页面里有一个type=password的input且这个input前面有一个type=text的input.的时候就会进行自动填充. firefox和360浏览器的处理方式是:只要检测到页面里有满足填充机制的,不管是不是display:none 的,只要检测到…

HTML5中script的async属性异步加载JS

HTML5中script的async属性异步加载JS HTML4.01为script标签定义了5个属性: charset 可选.指定src引入代码的字符集,大多数浏览器忽略该值.defer 可选.延迟脚本执行,相当于将script标签放入页面body标签的底部.除IE和较新版本的Firefox外,其他浏览器并未支持.language 已废弃.大部分浏览器会忽略该值.src 可选.指定引入的外部代码文件,不限制后缀名.type 必选.指定脚本的内容类型(MIME类型).现实中通常不指定该值…

HTML5之placeholder属性以及如何更改placeholder属性中文字颜色

今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下. 熟悉HTML5的人应该都知道,placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中,会在用户输入字段后消失,有些浏览器则是获得焦点后该提示便消失(如Safari.IE) 适用范围:placeholder 属性适用于下面的…

小强的HTML5移动开发之路（13）——HTML5中的全局属性

来自:http://blog.csdn.net/dawanganban/article/details/18179483 一.accssskey 快捷键 <!DOCTYPE HTML> <html> <body> <a href="http://blog.csdn.net/column/details/dawanganban-html5.html" accesskey="w">小强的HTML5移动开发之路</a…

html5中的全局属性

在html5中,新增了一个"全局属性"的概念,所谓全局属性,是指可以对任何属性都使用的属性.下面列出常用的全局属性. 1.contentEditable属性,是微软开发的,该属性主要功能是允许用户编辑元素中的内容,所以该属性必须是可以获得鼠标焦点的元素,而且在点击鼠标后要向用户提供一个插入符号,提示用户该元素在的内容允许编辑.该属性是一个布尔值属性,可以被指定为ture或false.注:在编辑完元素中的内容后,要想保存其中的内容,只能把该元素的innerHTML发送到服务器端进行保存,…

测试开发之前端——No4.HTML5中的事件属性

HTML5的事件属性. 属性值描述 onafterprint script 在打印文档之后运行脚本 onbeforeprint script 在文档打印之前运行脚本 onbeforeonload script 在文档加载之前运行脚本 onblur script 当窗口失去焦点时运行脚本 onerror script 当错误发生时运行脚本 onfocus script 当窗口获得焦点时运行脚本 onhaschange script 当文档改变时运行脚本 onload script 当文档加载时…

转： HTML5之placeholder属性以及如何更改placeholder属性中文字颜色

今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下. 熟悉HTML5的人应该都知道,placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中, 会在用户输入字段后消失,有些浏览器则是获得焦点后该提示便消失(如Safari.IE)适用范围:placeholder 属性适用于下面的…

测试开发之前端——No3.HTML5中的标准属性

HTML5的标准属性属性值描述 accesskey character 规定访问元素的键盘快捷键 class classname 规定元素的类名(用于规定样式表中的类). contenteditable true false 规定是否允许用户编辑内容. contextmenu menu_id 规定元素的上下文菜单. data-yourvalue value 创作者定义的属性. HTML 文档的创作者可以定义他们自己的属性. 必须以 "data-" 开头. dir ltr rtl…

HTML5中常用的标签(及标签的属性和作用)

1.标签:<!DOCTYPE>作用:声明是文档中的第一成分,位于<html>标签之前. 2.标签:<html>作用:此元素可告知浏览器其自身是一个HTML文档.属性:manifest:值(url)为脱机使用定义缓存信息. 3.标签:<head>作用:标签用于定义文档的头部,它是所有头部元素的容器.属性:profile:值(URL)一个有空格分隔的URL列表,这些URL包含着有关页面的元数据信息. 4.标签:<title>作用:元素可定义文档的标题…

html5中script的async属性

html5中script的async属性我兴奋于html5的原因之一是一些久久未能实现的特性现在可以真正运用于实际项目中了. 如我们使用placeholder效果蛮久了但是那需要javascript来实现. 目前firefox和chrome都是实现了script标签的async属性.这个新的属性能让我们以一种更简单的方式防止浏览器阻塞,在这之前我们需要用一些javascript小窍门来解决这个问题. async - html代码 <script async src="myscript.…

HTML5中新增加的结构元素、网页元素和全局属性

HTML5新增的结构元素(新增的都是块元素,独占一行) 1) header 定义了文档的头部区域 <header> <h1>网站标题<h1> </header> 2) nav 定义导航链接的部分 <nav> <ul> <li>首页</li> <li>关于我们</li> <li>联系我们</li> </ul> </nav> 3) sectio…

HTML5基础知识（3）--required属性

1.required属性规定在提交之前要填写输入域(不能为空). 2.代码 <body> <form> 账号:<input type="text" required="required"><br/> 密码:<input type="password" required="required"><br/> <input type="submit…

HTML5表单内元素的required属性

当表单内元素(如input.textarea)中有required属性并且值不为false的时候,则该字段不能为空,否则提交失败. <input type="text" autofocus required/>…

html5 中常用的标签和属性

标签: <blockquote> 标签定义摘自另一个源的块引用. <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左.右两边进行缩进,而且有时会使用斜体.也就是说,块引用拥有它们自己的空间. <hgroup> 标签用于对网页或区段(section)的标题进行组合. <param> 标签定义和用法 param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置,也就是说,…

html5中新增的属性和删除的属性

一.表单新增的属性 1.对input(type="text").select.textarea与button元素指定autofocus属性,它以指定属性的方式让元素在画面打开时自动获取焦点. 2.input.textarea元素指定placeholder属性,它会对用户的输入进行提示,提示用户输入的内容. 3.input.output.select.textarea.button与fieldset指定form属性,声明它属于哪个表单,然后将它放在页面的任何位置,而不是表单内部. 4.i…

html5 required属性的注意事项

实例带有必填字段的表单: <form action="demo_form.asp" method="get"> Name: <input type="text" name="usr_name" required="required" /> <input type="submit" /> </form> 定义和用法 required 属性规…

HTML5中标记与特殊属性

不允许写结束标记的元素有(只允许<元素/>): area.base.br.col.command.embed.hr.img.input. keygen.link.meta.param.source.track.wbr. 可以省略结束标记的元素有: li.dt.dd.p.rt.rp.optgroup.option.colgroup.thead. tbody.tfoot.tr.td.th 可以省略全部标记的元素有: html.head.body.colgroup.tbody 具有boolean值的…