text文本框设成disabled取不到值

最新推荐文章于 2018-05-18 16:42:12 发布

最新推荐文章于 2018-05-18 16:42:12 发布 · 227 阅读

文章标签：

#JSP #Java #HTML

java web 点点滴滴专栏收录该内容

4 篇文章

订阅专栏

本文讨论了一个简单的HTML表单设计问题，当使用disabled属性时，表单提交无法获取输入框的值。通过将disabled替换为readonly，可以解决此问题并成功在后端获取表单数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<form action="pr.jsp" method="post">
	<input type="text" value="test" name="tst" disabled>
	<br/>
	<input type="button" onclick="test();" value="check"/>
	</form>

那么在
pr.jsp


<%
	String tst = request.getParameter("tst");
	out.println(tst);
%>

中输出的就是null
需要将 disabled 转换成 readonly，就可以取到值了
================
问题是小问题，不过了也花了点时间，呵呵，记录一下

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xia02huge

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

html 文本框(text)不可用只读的多种实现方法

12-13

也就是说，虽然用户看不到文本框，但它的布局空间仍然保留。 **额外的方法：JavaScript处理** 除了HTML属性外，还可以利用JavaScript来实现文本框的只读或不可用状态： **方法1: `onfocus`事件结合`blur`方法** ``...

.NET中TextBox控件设置ReadOnly=true后台取不到值三种解决方法

10-27

总的来说，通过上述方法可以解决.NET中TextBox设置为ReadOnly后，前台能添加值但后台取不到的问题。这些方法可以帮助开发者在满足前端显示和用户交互需求的同时，也能够保证后端数据的正确处理。

参与评论您还未登录，请先登录后发表或查看评论

jQuery修改text disable属性

mixturer的博客

06-15

990

设置text disabled属性为true，使用jQuery修改text属性时，不起作用，去掉引号就好了 Insert title here function f1(){ $('#form1 input:disabled').attr('disabled',false); } function f2(){ $('#form1 input:enabled').attr

解决TextBox的Disabled字体为灰色的问题

Lullaby's Blog

02-09

1万+

大家一定注意到这个问题： Windows Form的所有控件在Disabled的时候，文字的颜色是灰色的。（尤其是XP风格下不容易看清内容）如下图所示：重画以后的效果：为了解决这个问题，通常的办法是在OnPaint里按照当前TextBox的属性，重写文本的内容把灰色字体写成黑色（或者是当前设定的ForeColor）重画的时候还要注意以下一些问题：①要保持Design

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

panghaichun的博客

02-24

6万+

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

input控件值获取为null

qq_30534535的博客

09-12

5425

input的值获取为null的问题：这种写法控件不可修改，但是同时从controller中获取值为null。将disabled修改为readonly即可解决问题：以下是转载：按照W3C的规范：http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.12 设置为disabled的input将会有下面的限制：不能接

HTML实现文本框只读不能修改其中的内容

09-28

当文本框被设置为`disabled`时，它不仅不可编辑，且其值在表单提交时不会被发送到服务器。代码示例如下： ```html <input type="text" name="input1" value="中国" disabled="true"> ``` 在这里，`disabled`属性使...

HTML中让表单input等文本框为只读不可编辑的方法

12-02

另一种方法是使用`disabled`属性，这将完全禁用文本框，使其不仅不可编辑，而且通常会呈现灰色，表明它是非活动状态。例如： ```html <input type="text" name="input1" value="中国" disabled="true"> ``` 当`...

input输入框使用disabled提交后获取不到该值

小菜鸟的HelloWorld

05-18

3176

能使用readonly不要是用disabled

input 输入框 disabled 属性导致无法取值的问题

wuwenlong527的专栏

06-24

4123

在项目开发中,为了让某个字段仅展示不能修改,使用了disabled属性,结果后台无法获得数据,使用readOnly这个属性就可以了" readOnly />表单控件必须有name属性,值才能被浏览器提交,而如果用disabled属性,就会强制不提交这个表单控件的值

HTML元素disabled后，后台获取不到值

非淡泊无以明志，非宁静无以致远

04-24

1040

比如: <input type='text' id='test' name='test' disabled='true' /> 那么在后台 request.getParameter时是获取不到值的！

extjs textField disabled readOnly属性

古影轩

02-10

1万+

<br />extjs textfield 设置成为了disabled:true以后此文本框的内容就无法通过form表单提交到后台去了,disable:true就不能submit,<br />不了解ext的设计组这样设置有什么样的好处？还请明了者相告？不胜感激，<br />但是又想让文本框不可编辑，还要能将其内的值提交到后台去，extjs还为我们提供的类型，html的不可编辑表单的解决方案;<br />其实方案很简单：ext提供了readOnly的属性;<br />disabled:原版英文介绍：<br /

ASP.NET 中TextBox设置ReadOnly或者Disable后获取不到值的解决办法

Dumbbell的专栏

08-19

5771

<br />设置为ReadOnly或者Disable的TextBox 控件，在cs文件中无法获取其值<br />以下为几种解决办法<br />1.在.cs代码中设置TextBox的属性例如<br /> txtName.Attributes["readonly"] = "true";<br /><br /><br />2.不设置TextBox的ReadOnly为true，给该控件加上验证控件进行验证<br /><br /><br />3.在TextBox的HTML标签中加入ContentEditable="

input属性disabled和readonly的区别

最新发布

04-01

<think>好的，用户现在想知道如何为文本框设置初始值。根据之前的对话，用户之前询问了如何设计一个简易留言板，而我的回答中包含了使用HTML、CSS和jQuery的实现方案。现在用户的问题更具体，涉及到表单元素的初始值设置。首先，我需要确定用户指的是哪种类型的文本框。在HTML中，常见的文本框包括普通的文本输入框（input type="text"）、文本区域（textarea）、以及可能使用JavaScript框架动态生成的输入框。用户可能是在开发留言板时，想要在页面加载时给输入框一个默认值，比如示例中的留言输入框。接下来，我需要考虑不同的设置方法。对于静态HTML，可以直接在标签中使用value属性或内容来设置初始值。例如，input元素使用value属性，而textarea则需要将初始值放在标签之间。用户之前的代码中，留言输入框是使用input type="text"，所以可能需要用value属性。另外，用户可能也会遇到动态设置的情况，比如通过JavaScript或jQuery在页面加载后修改初始值。之前的示例中使用了jQuery，所以可能需要展示如何使用jQuery的.val()方法。此外，用户可能还需要知道如何清除初始值，或者在特定条件下设置不同的初始值，比如根据用户登录状态显示不同的默认文本。还需要考虑可能的验证或限制，比如初始值是否符合输入要求，或者是否需要防止XSS攻击，特别是在从数据库或用户输入中获取初始值时。但根据用户当前的问题，可能暂时不需要深入讨论安全性，而是先回答基本设置方法。用户可能没有明确说明使用哪种技术，但根据之前的上下文，他们使用的是HTML和jQuery，所以应该重点介绍这两种方法。同时，需要提供清晰的代码示例，说明每种方法的应用场景，比如静态设置和动态设置的区别。另外，用户可能会混淆不同元素的初始值设置方式，比如将input和textarea混为一谈，因此需要明确指出两者的不同。例如，textarea没有value属性，而是通过内部文本来设置。最后，需要检查是否有其他相关的问题，比如如何通过CSS样式来提示用户输入，或者使用placeholder属性。但用户明确询问的是设置初始值，所以应区分初始值和占位符提示，避免混淆。总结回答步骤：首先介绍静态HTML设置方法，包括input和textarea的不同；然后介绍使用JavaScript/jQuery动态设置的方法；最后提及其他相关注意事项，比如初始值的安全性和清除方法。同时，提供代码示例和常见问题解答，帮助用户更好地理解和应用。</think>以下是设置文本框初始值的多种方法详解，以HTML原生元素和jQuery操作两种方式分类说明： --- ### 一、HTML原生设置方法 #### 1. **标准文本输入框** ```html  <input type="text" id="username" value="默认用户名">  <input type="text" value="不可修改的值" disabled> ``` #### 2. **多行文本框(textarea)** ```html  <textarea id="bio">这里是默认的个人简介</textarea> ``` #### 3. **密码框** ```html <input type="password" value="initialPass123" autocomplete="off">  ``` --- ### 二、JavaScript/jQuery动态设置 #### 1. **原生JavaScript** ```javascript // 通过DOM属性设置 document.getElementById('email').value = 'user@example.com'; // 通过特性设置（不推荐） document.querySelector('#address').setAttribute('value', '默认地址'); ``` #### 2. **jQuery操作** ✅推荐 ```javascript // 标准设置方式 $('#comment').val('期待您的宝贵意见'); // 批量设置多个输入框 $('.form-field').val('统一初始值'); // 带条件判断的设置 const defaultValue = localStorage.getItem('lastInput') || '默认提示'; $('#searchInput').val(defaultValue); ``` --- ### 三、不同场景下的最佳实践 #### 场景1：表单回显 ```javascript // 从服务器获取数据后更新 fetch('/api/user-info') .then(response => response.json()) .then(data => { $('#fullName').val(data.name); $('#age').val(data.age); }); ``` #### 场景2：保留上次输入 ```javascript // 页面加载时恢复缓存 window.addEventListener('load', () => { const savedInput = sessionStorage.getItem('draft'); if(savedInput) { $('#draftBox').val(savedInput); } }); // 实时保存输入内容 $('#draftBox').on('input', () => { sessionStorage.setItem('draft', $('#draftBox').val()); }); ``` #### 场景3：带格式的初始值 ```javascript // 日期输入框 $('#birthday').val(new Date().toISOString().split('T')[0]); // 带动态计算的默认值 $('#discountCode').val(`VIP-${Math.floor(Math.random()*1000)}`); ``` --- ### 四、注意事项表格 | 注意要点 | 说明 | |--------------------------|--------------------------------------------------------------------| | **安全防护** | 使用`.text()`处理用户输入数据，避免XSS攻击：`$('#input').text(unsafeData)` | | **浏览器兼容性** | IE浏览器对`placeholder`属性支持需polyfill | | **输入类型匹配** | number类型的input设置非数字值会被忽略 | | **框架冲突** | 在Vue/React等框架中应使用数据绑定而非直接操作DOM | | **移动端适配** | iOS中设置默认值可能导致虚拟键盘布局异常 | --- ### 五、常见问题解决 #### 问题1：设置的值不显示 **诊断步骤：** 1. 检查元素ID是否匹配 2. 确认代码执行时机（必须在DOM加载后执行） 3. 查看浏览器控制台报错 **解决方案：** ```javascript // 正确执行时机 $(document).ready(function() { $('#receiver').val('收件人默认值'); }); ``` #### 问题2：特殊字符显示异常 **处理方法：** ```javascript // HTML实体转义 const safeValue = '&<>"'.replace(/[&<>"']/g, function(m) { return {'&':'&','<':'<','>':'>','"':'"',"'":'''}[m]; }); $('#specialInput').val(safeValue); ``` #### 问题3：默认值被用户意外提交 **防御方案：** ```javascript // 提交时清除示例内容 $('#demoInput').on('focus', function() { if(this.value === '示例文本') { $(this).val(''); } }); ``` --- ### 六、扩展技巧 #### 1. **配合CSS显示提示样式** ```css /* 默认值特殊样式 */ input.default-value { color: #999; font-style: italic; } ``` ```javascript // 动态添加样式类 $('#hintInput').val('点击输入内容').addClass('default-value'); ``` #### 2. **使用数据属性存储默认值** ```html <input type="text" data-default="默认城市" id="cityInput"> ``` ```javascript // 重置按钮功能实现 $('#resetBtn').click(() => { const defaultValue = $('#cityInput').data('default'); $('#cityInput').val(defaultValue); }); ``` 根据实际需求选择最适合的初始值设置方式，在保证功能实现的同时注意安全性和用户体验。