紧接着上面的文章,一开始准备一篇文章搞定,后来看到,要总结的东西还不少,干脆,把上面文章拆成两部分吧,这部分主要讲讲表单知识! 表单知识 1.Html5的autofocus属性. 有个这个属性,我们不用js就能自动把焦点移动到相应的字段. 例如: <input type="text" value="" autofocus /> 2.获取选择的文本 很久之前,我写过一个关于编辑器的文章.javascript execCommand,复文本框神器. 今天我主…
HTML5跨浏览器表单 http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-cross-browser-html5-forms/ HTML5表单的渐进增强 http://css-tricks.com/progressively-enhancing-html5-forms/…
001.html <html> <head><title>user log</title> <meta http-equiv="content-type" content="text/html;charset:utf-8"> </head> <body> <form method="post" action="001.php"> 用…
1.form表单 <form action="" method=""> </form> action: 规定当提交表单时,向何处发送表单数据,其值为一个文件名 method:表单的提交方式:其值有两个:get,post get:默认值,浏览器会将数据直接附在表单的 action url 之后,采用“键值对”的形式出现 post:传的值不会显示在url中,相比get更安全 2.表单元素 2.1文本类型 文本框:<input type=&q…
1. 表单内元素的form属性 在H5中可以把form放到页面的任何地方,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单了 <form id="testform"> <input type="text"> </form> <textarea form="testform"></textarea> 2. 表单内元素的formaction属性 在H…
html5-5   HTML5表单元素和内嵌框架 一.总结 一句话总结:单选框和多选框选的时候外面加label就可以实现选后面文字也可以选中了 1.html5如何实现文件上传? 必须加上enctype='multipart/form-data' 23 <form action="reg.php" method='post' enctype='multipart/form-data'> 24 <p>用户名:</p> 25 <p><in…
div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: right; clear: right; } .clearfix:after{ content: ""; display:block; clear: both; } .figcaption{ clear: both; color: #999; padding-top: 10px; text…
表单验证为终端用户检测无效的数据并标记这些错误,是一种用户体验的优化. 下面展现浏览器自带的验证功能也可在移动端中查看: HTML部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc…
Ideal Forms 是建立和验证响应式 HTML5 表单的终极框架.它刚刚发布 V3 版本,更小,更快,更具可扩展性.它支持实时验证,完全自适应(适应容器,没有 CSS 媒体查询需要),键盘支持,自定义复选框.单选框和文件输入,无缝集成 jQuery UI 的日期选择器,支持第三方扩展和本地化. 您可能感兴趣的相关文章 10款唯美浪漫的婚礼 & 结婚纪念网站模板 那些让人惊叹的的国外创意404错误页面设计 10大流行的 Metro UI 风格 Bootstrap 主题 推荐35款精致的 CS…
一 HTML5 新的类型 HTML5 拥有多个新的表单输入类型.这些新特性提供了更好的输入控制和验证. email url number range Date pickers (date, month, week, time, datetime, datetime-local) search color 1 Input 类型 - email email 类型用于应该包含 e-mail 地址的输入域.在提交表单时,会自动验证 email 域的值. 例子: E-mail: <input type=&qu…