form 表单中input 使用disable属性

记录一下今天踩得坑。

在使用form表单提交的时候，input用了disable属性，在查找了好久之后，找到原因，万万没想到是因为disable。

修改方法：disable改为readonly

disable：1、不能接受焦点

　　　　2、使用tab键的时候将被跳过

　　　　3、可能不是successful

readonly：1、可以接收焦点，但不能被修改

　　　　　2、可以使用tab键进行导航

　　　　　3、可能是successful的

只有successful的表单元素才是有效数据，即是进行提交后可以获取值。disabled和readonly的文本输入框只能通过脚本进行修改value属性。

原文地址：https://www.cnblogs.com/qncl/p/10687092.html

时间： 2024-11-03 23:48:09

form 表单中input 使用disable属性的相关文章

Antd form表单中input失效，无法输入字符串，只能输入单个字符

未有特别说明均为原创,转载注明出处. 问题描述 https://segmentfault.com/q/1010000011665581 删掉{getFieldDecorator(name, {})这一段表框可以正常输入. 解决办法检查form表单或者父节点是否使用了 key=Math.random() 之类给组件添加唯一值的代码. 原文地址:https://www.cnblogs.com/marvelousone/p/10754313.html

jquery自动去除form表单中input框前后的空格

1. 2. <script type="text/javascript"> $(document).ready(function() { $('#searchform input').keyup(trimkeyup); }); function trimkeyup(e) { lucene_objInput = $(this); if(e.keyCode != 38 && e.keyCode != 40 && e.keyCode != 13)

form表单中input输入框的用法总结

1. <input type="text"> type类型为text,定义一个可以输入内容文本输入框 2. <input type="submit" value="提交"> type类型为text,定义一个按钮原文地址:https://www.cnblogs.com/Shinigami/p/10868828.html

form表单中method的get和post区别

一.问题的提出 <form action="getPostServlet/getPost.do?param4=param4" method="get"> <input type="hidden" name="param1" value="param1"> <input type="hidden" name="param2&quo

如何在一个form表单中实现多个submit

As we all know,通过设置input type=“submit”,我们可以把form表单中的值通过post方式传递给action所指向的页面.下图中,我们可以把userName,userAge,userSex这三个值传递到xxx.jsp <form action="xxx.jsp" method="post"> <input type="text" name="userName&quo

Form表单中的action路径问题

今天刚接触web,在用jsp和servlet做一个简单的登陆的时候在Form表单action属性和method属性的一些问题: 我遇到的是Form表单提交到servelet处理时遇到的问题: (1)<form name="login" action="①?" method="②?"> //表单内容 username:<input type = "text" name = "username"

Form表单标签的Enctype属性的作用及应用示例介绍

Enctype :指定将数据回发到服务器时浏览器使用的编码类型.用于表单里有图片上传. 编码类型有以下三种: application/x-www-form-urlencoded: 在发送前编码所有字符(默认).这是标准的编码格式. multipart/form-data: 不对字符编码,在使用包含文件上传控件的表单时,必须使用该值. text/plain: 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符. 例子: <form action="${pageContext.reque

Form表单中的action路径问题，form表单action路径《jsp--->Servlet路劲问题》这个和上一个《jsp--->Servlet》文章有关

Form表单中的action路径问题,form表单action路径热度5 评论 50 www.BkJia.Com 网友分享于: 2014-08-14 08:08:01 浏览数44525次 Form表单中的action路径问题,form表单action路径今天刚接触web,在用jsp和servlet做一个简单的登陆的时候在Form表单action属性和method属性的一些问题: 我遇到的是Form表单提交到servelet处理时遇到的问题: (1)<form name="l

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型)

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型) 一丶HTML块级标签排版标签 p 标签: 段落标签,会自动在段落上下加上空白来分开 p标签是一个文本标签,本身是一个块级标签不能再嵌套块标签 div 标签: 没有样式的标签 ,最常用列表 ???????1.无序列表常用 ??????2.有序列表 ??????3.标题列表 # 无序列表 circle:空心圆, disc:默认实心圆,square:实心方片 <ul type='circl