<form action=""> 用户名：<input type="text" name="userName"> <br> 密码：<input type="password" name="userPwd"> <br> <!--email提供了默认的电子邮箱的完整验证：要求必须包含@符号，同时必须包含服务器名称，如果不能满足验证，则会阻止当前的数据提交--> 邮箱：<input type="email"> <br> <!--tel它并不是来实现验证。它的本质目的是为了能够在移动端打开数字键盘。意味着数字键盘限制了用户只能输入数字。...
1.<form>定义了一个表单。表单中的输入控件必须包含在form元素的标记对内。 2.<from action=“表单处理程序的url” method=“get|post”> 3.<from>属性，元素设定同时使用name和id属性。 4.input：使用type定义不同的控件，文本、口令、复选框、单选框、提交、重置、隐藏域、图像。 5.select和option：组合使用，创建下拉列表。 6.多行输入文本框：textarea 7.文本框：<input type=“text” value=“文本” size=“” maxlenth=“”...
HTML5新的表单属性HTML5 的form和input 标签添加了几个新的属性<form>新属性autocompletenovalidateinput 新属性autocompleteautofocusform formactionformenctypeformmethodformnovalidateformtargetheight and widthlistmin and maxmultiplepattern (regexp)placeholderrequiredstepautocomplete属性autocomplete属性规定form或input域应该拥有自动完成功能当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项提示...
http://blog.csdn.net/sweetsuzyhyf/article/details/8809087原文：http://www.cnblogs.com/liushiyong1/p/3568580.html
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title></head><body><!--表单内元素的form属性：为元素指定一个form属性，属性值为该表单的id--><form id="testform"><input type="submit" /></form><textarea form="testform"></textarea> <br /><hr /><!--表单内元素的formaction属性：可以提交到不同页面--><form id="form1" action="test.aspx"><input type="submit" name="s1" value="内部提交到test2" formact...
在HTML5中，表单新增了一些属性，input标签也有了更多的type类型，有些实现了js才能实现的特效，但目前有些浏览器不能全部支持。下面是一些h5在表单和input标签上的一些改动。<!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" /> <!-- 在不支持h5的浏览器中，可以用CSS样式进行改写 --> <style> input[type="search"] {-webkit-appearance: textfield;} ...
1.新增的input输入类型 1.Email类型的input元素是一种专门用于输入E-mail地址的文本输入框，在提交表单的时候，会自动验证Email输入框的值。如果不是一个有效的E-mail地址，则该输入框不允许提交表单。示例： <input type="email" name="user-email" autofocus /> 不支持该属性的浏览器，将会以type="|text"处理，并不妨碍旧版本浏览器采用该属性。 2.URL类型的应用 URL类型的input元素提供用于输入URL地址这类特殊文本的文本框。...
表单一直是网页必不可少的一部分，一直以来，表单的作用被无限扩展，发展出了诸多新奇的用法，老版的HTML只支持很少的一部分常用表单，许多的新表单都需要借助CSS与JavaScript语言来进行构建，现在HTML5来了，她带来了新的表单，这些强大的表单项，可以省去一大块复杂的JavaScript代码，很值得去学习。而且在新的表单里面，不再像以前每个表单都必须位于<form></form>之内，只要在<form></form>内定义一个id，然后在网页任何位置都...
HTML5新增表单控件和表单属性一、Forms:新的输入型控件； 1.（1）email:电子邮箱文本框，跟普通的没区别； 当输入的不是邮箱的时候，验证不通过 移动端的键盘会有变化 （2）Tel：电话号码 tel的功能主要在移动端上，一个键盘的切换 （3）url网页的URL 网址 （4）search 搜索引擎 chrome下输入文字后，会多出一个关闭的×； （5）range 特定范围内的数值选择器; min max step(步数) （6）n...
placeholder 占位符 autofocus 自动获取焦点 autocomplete 自动获取内容 （必须提交 name） required 必填 pattern 正则表达式 (不需要/ / “”) Multiple 文件上传可上传多个 Form<form action="" id="myForm"><!--placeholder：提示文本，提示占位--><!--autofocus:自动获取焦点--><!--autocomplete:自动完成：on:打开 off:关闭1.必须成功提交过:提交过才会记录2.当前添加autocomplete的元素必须...
方便布局表单内容可以放在表单标签之外，这样做的好处是方便设计时不用考虑一定要将表单元素放在指定的form标签之下，只要指定元素适用于哪个表单即可，如下：1<form id="test" action="test.php" method="get">2<input form="test" type="text" name="name"/>3</form>4<input form="test" type="submit" value="确定"/>可指定提交按钮的目标及方法在HTML5之前，一个表单只能填写一个action及一个method，在HTML5中每个提交按钮都可...
<form action=""> <!--专业： <select name="" id=""> <option value="1">前端与移动开发</option> <option value="2">java</option> <option value="3">javascript</option> <option value="4">c++</option> </select>--> <!--不仅可以选择，还应该可以输入--> <!--建立输入框与datalist的关联 list="datalist的id号"--> 专业：<input type="text" list="subjects"> <br> <!-...
一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...
<form>@*html5确实牛，有一个基本的自检功能*@<label>邮箱地址：</label><input type="email" required="required" />@*输入的类型为数字，最大值为0，最小值为100,只能是0,5,10,这里就不需要required*@<br /><label>年龄：</label><input type="number" min="0" max="100" step="5" /><br /><input type="range" min="0" max="100" required="required" /><br /><label>站内搜索</label><input type="search" placeholder="搜索" ...
<form action="3.html">email:<input type="email" name="email" required="">网址<input type="url" required="">输入手机号码：<input type="tel" required=""><input type="number" required="" max="3" min="-3" step="1" ><input type="range" min="0" max="100" value="10" name="rr">time:<input type="time" required=""><br>date: <input type="date">week: <input type="week">month: <input type="month">localtime:...