设置为disabled不可用的表单元素的value值无法发送

最新推荐文章于 2021-04-08 17:12:16 发布
最新推荐文章于 2021-04-08 17:12:16 发布
阅读量218 收藏
点赞数
原文链接：https://yq.aliyun.com/articles/573379
版权

这里不多做介绍，只是说明一个事实，那就是设置为disabled的表单元素值是无法表单提交的，如下:

 
 
 
  
 
   
 
    
 
        

          1 
        
 		 
        
 
         
 
          < 
          input 
          type 
          = 
          "text" 
          value 
          = 
          "蚂蚁部落" 
          disabled/> 
         
 
        
 
 
   
 
  
 
 
 
 
以上文本框的value值是无法提交的。
 
 

 
 
原文发布时间为：2017-2-13
 
 
本文作者：admin
 
 
本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落
 
 
 
 
原文链接：设置为disabled不可用的表单元素的value值无法发送
 


                

        

        




    




    

      

        

            

              
                
                  weixin_33816611
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
input为disabled提交后得不到该值的解决方法

				
			

			

				

					10-30
				

			

		

		

			
				
- 这样的字段在表单提交时不被视为成功的（successful）元素，因此，服务器端无法获取到它的值。 - 它不会获得焦点，也不能通过键盘的Tab键进行导航。 - 如果需要禁用用户对某个字段的编辑，同时还要在提交表单时...

			
		

	



                

              
                



	

		

			

				
					
设置disabled属性后台读不到数据如何让select支持readonly

				
			

			

				

					09-28
				

			

		

		

			
				
在页面加载时，你可以设置`disabled`为`true`，使表单元素不可用。当用户提交表单时，你可以临时将`disabled`设置为`false`，允许数据提交。这可以通过监听表单的提交事件来实现：   ```html  ...

			
		

	



                


  
              

                


	

		

			

				
					
表单input中disabled提交后得不到值的解决办法

				
			

			

				

					weixin_34362790的博客
				

				

					07-17
					
					176
					
				

			

		

		

			
				
放在form表单中提交后得不到该值。
将disabled="disabled" 改为 readonly = "readonly" 。
转载于:https://www.cnblogs.com/xinbaba/p/9323217.html

			
		

	





	

		

			

				
					
form表单提交input使用disabled后台无法获取value值

				
			

			

				

					樱花的博客
				

				

					04-08
					
					4002
					
				

			

		

		

			
				
form表单输入框input设置disable属性提交后，得不到该输入框的值

			
		

	



		

			
		



	

		

			

				
					
HTML <input> 标签的 disabled 属性

				
			

			

				

					༺  bestcxx的专栏 ༻
				

				

					04-07
					
					2058
					
				

			

		

		

			
				
disabled -true时 input标签无效

			
		

	





	

		

			

				
					
解决disabled标签内的value不能传值给服务器

				
			

			

				

					水巷石子的博客
				

				

					10-18
					
					4451
					
				

			

		

		

			
				
disable的标签值不会传值给服务器
<input type="text" name="did" value="${dept.did}" disabled="disabled"/><br/>

解决方法


将表单中字段 disabled 用 readonly 代替即可（如有需要，可以对该表单加上灰色的背景色）
<input type="text" name="did" value="${dept.did}" readonly/><br/>



可以在写一

			
		

	





	

		

			

				
					
input设置为disabled提交后获取不到该值的解决方法

				
			

			

				

					yiluoAK_47的专栏
				

				

					08-21
					
					2万+
					
				

			

		

		

			
				
在做网站管理后台的用户修改功能时，由于当前用户修改个人信息时规定用户名不能修改，故使用了input标签的disabled属性，但是在提交数据后却发现用户名显示为空了。后来一查才知道input设置为disabled值时会有下面的限制：
1、不能接收焦点；
2、使用tab键时将被跳过；
3、可能不是successful的。

解决方法是：可以使用readonly=”readonly”属性代替

			
		

	





	

		

			

				
					
几种设置表单元素中文本输入框不可编辑的方法总结

				
			

			

				

					12-02
				

			

		

		

			
				
在网页设计中，表单元素是用户与网页交互的重要手段，而文本输入框（`<input type="text">`）则是最常见的元素之一。有时，我们可能需要使这些输入框变为不可编辑状态，以防止用户修改预设的内容或者保护数据的安全...

			
		

	





	

		

			

				
					
通过disabled和readonly将input设置为只读效果

				
			

			

				

					12-14
				

			

		

		

			
				
首先，`disabled`属性将input元素设置为禁用状态。当一个input字段被`disabled`时，它的背景通常会呈现一种灰色半透明的效果，以表明用户无法交互。更重要的是，被`disabled`的input字段的值不会作为表单数据提交。...

			
		

	





	

		

			

				
					
jQuery实现提交表单时不提交隐藏div中input的方法

				
			

			

				

					10-16
				

			

		

		

			
				
当一个input元素被禁用（`disabled`属性为`true`），它将无法接收用户的输入，并且在表单提交时，其值不会被发送到服务器。这是避免提交隐藏div中input值的关键。  在提供的代码片段中，我们看到一个名为`...

			
		

	





	

		

			

				
					
下拉框设置disabled属性，form表单提交后台拿不到相应的值

				
			

			

				

					xiaoye的博客
				

				

					03-19
					
					3291
					
				

			

		

		

			
				
给某个下拉框设置不可选，但是form表单提交以后拿不到该下拉框对应的值$("#type").attr("disabled","disabled")；解决方法：form表单提交之前,jquery将该属性去掉即可 $("#type").removeAttr("disabled"); $("#inputForm").submit();...

			
		

	





	

		

			

				
					
HTML表单元素中disabled的元素的值不会提交到服务器

				
			

			

				

					qq_31459039的博客
				

				

					05-22
					
					1399
					
				

			

		

		

			
				
一、在HTMl页面的form表单中对disabled的元素的属性和值不会提交到服务器

实例1：



<form action="#" id="form1">
    <input type="text" name='name' id="name" value='张三'>
    <br>
    <input type="text" name='age...

			
		

	





	

		

			

				
					
disabled属性对form表单向后台传值的影响

				
			

			

				

					Sun
				

				

					04-22
					
					1万+
					
				

			

		

		

			
				
在form表单里，如果对input加入disabled="disabled"或disabled="true"等属性，form表单提交的时候，就不

			
		

	





	

		

			

				
					
input设置为disabled，表单无法提交后台解决方法

				
			

			

				

					逸尘的专栏
				

				

					04-15
					
					1万+
					
				

			

		

		

			
				
<input name="country" id="country" size=12 value="disabled提交时得不到该值 " disabled="disabled" >放在form表单中提交后得不到该值。将disabled=”disabled” 改为 readonly = “readonly” 即可按照W3C的规范： 
 设置为disabled的input将会有下面的限制： 
- 不能接

			
		

	





	

		

			

				
					
html-disabled="disabled"关于属性后台取值问题

				
			

			

				

					u013008898的博客
				

				

					06-21
					
					5005
					
				

			

		

		

			
				
disabled="disabled"位设置当前控件为只读,这个时候咱们在通过后台来获取数据的时候,springmvc就不能够获取到值,
所以我问需要在表单提交前,移除disabled属性

<form:select path="payStatus" class="form-control " disabled="true">
 <form:options ite...

			
		

	





	

		

			

				
					
怎么解决form表单中 disable属性不能提交的问题，form表单获得不了某个参数

				
			

			

				

					BRANKEY1
				

				

					05-06
					
					6224
					
				

			

		

		

			
				
除了改disable为readonly外还有如下解决方法  
 
 
Submit form 
 
 
function doSubmit(form) { 
var newForm = form.cloneNode(true); 
enableFields(newForm.getElementsByTagName("input")); 
enableFields(newForm.getElemen

			
		

	





	

		

			

				
					
$('#four').serialize() 提交，后台实体获取参数为空

				
			

			

				

					u012481520的专栏
				

				

					05-09
					
					3654
					
				

			

		

		

			
				
问题描述： 
        前端 使用 ajax 提交form 表单，表单为 list表格数据，当list数据量少的时候可以正常提交，当数据量大了以后提交后台获取实体为null，查看前端控制台，请求参数封装正常，
原因：
   使用tomcat ，tomcat 默认 post 请求数据大小为2M，所以超过2M的内容传给后台，后台会接收不到参数 

 解决办法： 

 修改tomca

			
		

	





	

		

			

				
					
怎么解决input框中加入disabled="disabled"之后，改变字体的颜色（默认的是灰色）

					
热门推荐

				
			

			

				

					panghaichun的博客
				

				

					02-24
					
					5万+
					
				

			

		

		

			
				
<input class="color-red" type="submit" name="share_price" disabled="disabled" value="分享后付（{$check_census_share_price}元）" />在input框中加入disabled=”disabled”之后，字体默认的就变成灰色了解决方案input[disabled]{color:#fff;opac

			
		

	





	

		

			

				
					
angular4更改表单中显示的值_关于Angular响应式表单的三种更新值的讨论

				
			

			

				

					weixin_32824625的博客
				

				

					12-29
					
					380
					
				

			

		

		

			
				
Angular响应式表单相比较模板驱动表单更大操作性、更易测试性。因此，我更推荐这类表单创造方式。当一个用于修改用户信息的表单，数据的来源总是来自远程；而对于一个 FormGroup 的创建总在 ngOnInit 中完成。因此，这里会有一个表单更新值的问题。而通常我们会透过 FormGroup 下的三种方式 setValue、patchValue、reset 将值写入表单当中。当然，或许我说的这三...

			
		

	





	

		

			

				
					
jquery设置表单元素只读_JQuery控制input的readonly和disabled属性

					
最新发布

				
			

			

				

					05-26
				

			

		

		

			
				
可以使用 jQuery 的 `prop()` 方法来设置表单元素的 `readonly` 和 `disabled` 属性。  例如，要将一个输入框设置为只读，可以使用以下代码：  ```javascript $("#input-id").prop("readonly", true); ```  同样地，...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值