摘自:http://www.cnblogs.com/xiaohuochai/p/5179909.html 了解HTML表单之input元素的23种type类型 随着HTML5的出现,input元素新增了多种类型,用以接受各种类型的用户输入. 其中,button.checkbox.file.hidden.image.password.radio.reset.submit.text这10个是传统的输入控件, 新增的有color.date.datetime.datetime-local.email.m…

ajax form表单提交 input file中的文件 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input file , 不支持ajax上传文件,你肯定会说可以用 ajax form表单上传了呀?不过我后面还要调用上传成功后用js处理一些对话框,所以这种方法排除 2.用了 uploadify 上传插件,弄出来能上传东西,结果不理想:因为不能判断上传的…

下面搜集了五种方法,主要还是前两个提供了解决方案,第三种需要修改jQuery源码: 修复jquery.validate插件中name属性相同(如name='a[]')时验证的bug 使用jquery.validate插件http://jqueryvalidation.org/,当节点的name相同时候,脚本特意忽略剩余节点,导致所有相关节点的errMsg都显示在第一个相关节点上.这个bug在动态生成表单时候影响比较大. 通过查询资料,找到一个解决方案: http://stackoverflow.…

目录 传统类型 text password file radio checkbox hidden button image reset submit 新增类型 color tel email url search number range date month week time datetime datetime-local 前面的话 随着HTML5的出现,input元素新增了多种类型,用以接受各种类型的用户输入.其中,button.checkbox.file.hidden.image.pas…

目录 传统属性 name type accept alt checked disabled readonly maxlength size src value 新增属性 autocomplete autofocus novalidate height width list min max step multiple pattern placeholder required form formaction formenctype formmethod formnovalidate formtarg…

但是name在以下用途是不能替代的: 1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的.此外浏览器会根据name来设定发送到服务器的request.因此如果用id,服务器是无法得到数据的. 2. 用于frame和window的目标名字name,用于在其他frame或window指定target. 以下两者可以通用,但是强烈建议用id不要用name: 1. 锚点,通常以前…

最近在做项目的过程中遇到个问题,在这里做个记录防止日后忘记 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了解决这个问题我走了不少弯路: 1.用原生的 input file , 不支持ajax上传文件,你肯定会说可以用 ajax form表单上传了呀?不过我后面还要调用上传成功后用js处理一些对话框,所以这种方法排除 2.用了 uploadify 上传插件,弄出来能上传东西,结果不理想:因为不能判断上传…

1.什么是表单? 表单是专门用收集用户信息的 2.什么是表单元素? 2.1什么是元素? 在HTML中,标签/标记/元素都是指HTML中的标签 例如: <a>a标签/a标记/a元素 表单元素其实还是HTML中的一些标签,只不过这些标签比较特殊,在浏览器中所有的表单标签都有特殊的外观和默认的功能 3.表单的格式: <form> <表单元素> </form> 4.常见的表单元素 input标签,input标签有一个type属性,这个属性有很多类型的取值,取值的不同…

//---------------------------------------------------input失去焦点时判断是否有值 btn_click: function () { //input失去焦点时判断是否有值 若没有 则不能点击保存 function Input_verification() { //input的是否有内容 var input_val = null; //是否能够点击保存 var canClick = false; this.init = function (f…

前言 记录下开发过程中一些特殊表单控件(input.textarea.select等)的样式控制 input 取消光标聚焦时,输入框的外延边框 input:focus{ outline:none } 取消默认边框 input{border:none} textarea 换行 HTML方式:文本中加[& # 10;]or[& # 13;]符号 < textarea >文本段落一 文本段落二< / textarea > JavaScript方式:在textarea文本字…