【[html5] 学习笔记-改良的input元素种类】的更多相关文章

[html5] 学习笔记-改良的input元素种类

在html5中,大幅度增加与改良了input元素的种类,可以简单的使用这些元素来实现之前需要JS脚本来实现的功能. 1.url类型.email类型.date类型.time类型.datetime类型.datatime-local类型.month类型.week类型.number类型.range类型.search类型.Tel类型.color类型 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Ty…

HTML5增加与改良的input元素

h5中form表单中input新增的属性值 在HTML5中增加了许多新的标签和功能属性,今天我们来看一个Form表单在HTML5中新的使用方法.那么在HTML5中新加入的这个功能与之前咱们使用的功能区别在哪里呢?在下面咱们有几个场景来看,你就明白啦~假如咱们需要把页面中不同的表单元素提交,而这些表单元素又分布在HTML中的各个位置,那么Form就只能包含所有的Form标签了. HTML5的方法: <form id="form1" action="http://www.w…

[html5] 学习笔记-表单新增元素与属性

本节讲的是表单元素的form,formaction属性,frommethod,formenctype属性,formtarget,autofocus属性,required,labels属性. 1.form属性 在html4中,表单内的从属元素必须书写在表单内部,而在html5中,可以把他们书写在页面上任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以指定该元素从属于指定表单了. 以往的写法: <body> <form id="testform"…

html5学习笔记(3)--主题结构元素-1

Article元素 以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>极客学院</h1> </header> &…

HTML5学习笔记三：aside元素，time元素与微格式

一.aside元素 表示当前页面或文章的附属信息部分,相关的引用,侧边栏,广告等有别于主要内容的部分:主要有一下两种用法: 1. 被包含在article元素中作为主要内容的附属信息部分,可以是与当前文章有关的参考资料,名词解释等: 2. 在article之外使用,作为页面或站点的附属信息部分.最典型的形式是侧边栏,其中内容可以是友情链接,博客中其他文章列表.广告单元等 二.time元素与微格式 微格式:利用class属性来对页面添加附加信息的方法,附加信息例如新闻事件发生的日期和时间,个人电话号…

HTML5 改良的 input 元素的种类

html5中增加改良的input 元素 . 在过去我们制作网页输入框,会用到不少JS验证,如今有了HTML5写这种效果已经没有那么麻烦了,下面我来给大家介绍两种HTML5的input的新增加的类型应用.1.URL类型:<form>        <input name="urls" type="url" value="http://www.jb51.net/"/>        <input type="s…

html5 学习笔记

一.ie8及以下对html5相关语义标签的支持 <!-[if lt IE9]> <script src="html5.js"></script> <![endif]-> 二.表单1,form属性,实现form与其中的标签分离 <form id="login" action="login.php" method="get"></form> <input…

Html5学习笔记1 元素 标签 属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<…

HTML5学习笔记五：html5表单

表单是页面上非常重要的一块内容,用户可输入的大部分内容都是在表单元素中完成的,与后台的交互大多数也是通过点击表单中的按钮. 一.新增的元素和属性 1.新增属性: 1.1 form属性:页面中的任何元素指定form属性,属性值为相应表单的id,该元素就属于指定表单了:只有Opera 10支持. 1.2 placeholder属性:文本框处于未输入状态且未获取光标焦点时,模糊显示输入提示文字:Safari 4,chrome3,firefox4 1.3 autofocus属性:打开页面时,有该属性的控…

html5学习笔记一

HTML5学习笔记 <video>标记:定义视频,Ogg.MPEG4.WebM三种格式 <video src=”movie.ogg”  controls=”controls”> 您的浏览器不支持video标签.(提供不支持video元素的浏览器显示) </video> 这个标签有的属性: controls:向用户显示该控件,比如播放.暂停.音量按钮 height,width定义高宽 autoplay:如果出现该属性,则视频在就绪后马上播放 loop:如果出现该属性,完成…