html:text 设置 disabled 使表单得不到数据

最新推荐文章于 2025-10-28 12:06:59 发布

最新推荐文章于 2025-10-28 12:06:59 发布 · 308 阅读

文章标签：

#HTML

html:text 设置 disabled 使表单得不到数据。

如果要想设置成不可写，又想要得到数据的话，可以通过加一个隐藏表单来实现。思路很简单。

如：<html:text property="groupDisplayName" style="width:150 " <="" p="">

阅读全文
类别： J2ee? 查看评论

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_14825

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

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

04-24

1048

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

html表单提交，disabled无法获取数据的问题

he3236220的博客

10-27

2631

不要用disabled,如果是文本框,换用readonly属性来使文本框只读就好了.如果disabled的话,那么表单提交时是不带该控件数据的.

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

html text可修改,css 如何设置text不可编辑？

weixin_39663258的博客

06-03

625

如何设置text不可编辑？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。设置text不可编辑的方法方法1： οnfοcus=this.blur() 当鼠标放不上就离开焦点方法2：使用readonly属性通过readonly属性规定输入字段为只读实现不可编辑：Name:Country:效果图：方法3：使用disabled属性通过disabled属性规定应...

关于html input text文本框禁止修改文本机制

T623048540的博客

11-02

1278

1、input文本框禁止修改文本 disabled属性： readonly属性：以上两种属性都可以禁止文本框修改文字。特别注意回到顶部(go to top) 2、disabled和readonly属性的区别 disabled属性，使文本框不能修改内容，且文本框内容变灰色，通过request.getParameter(“name”)得不到文本框中的内容； readonly属性，只是使文本框不能修改内容，外观没有变化，而且通过request.getParameter(“name”)可以得到内容。 note

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

qq_31459039的博客

05-22

1543

一、在HTMl页面的form表单中对disabled的元素的属性和值不会提交到服务器实例1： <form action="#" id="form1"> <input type="text" name='name' id="name" value='张三'> <br> <input type="text" name='age...

input设置disable后台得不到值

哈

07-23

1384

form表单输入框input设置disable属性后，后台得不到该输入框的值，解决方法：方法一：使用readonly带替代disabled，即disabled="disabled"修改为readonly="readonly" 说明： disabled不能接收焦点，使用tab键时将被跳过，可能不是successful的； readonly可以接收焦点但不能被修改，可以使用tab键进行导航，可能是successful的。注：只有successful的表单元素才能将值提交后台。disabled和read

11、HTML表单全解析：从基础到高级应用

最新发布

redis7keeper的博客

10-28

本文全面解析了HTML表单的基础知识与高级应用，涵盖表单结构、常用字段类型（如文本框、密码框、单选复选框、下拉列表等）、可访问性设计、数据提交方式（GET/POST）、安全性防护（XSS、SQL注入防范）、表单验证（HTML5内置与JavaScript自定义）、动态表单实现及性能优化策略。同时介绍了表单脚本处理方案与最佳实践，帮助开发者构建安全、高效、用户友好的Web表单系统。

26、HTML表单交互：从输入元素到选择按钮的全面指南

julia4scientist的博客

09-29

本文全面介绍了HTML表单的各类元素及其使用方法，涵盖INPUT元素的多种类型、元素命名规则、文本框与文本区域的设置、复选框与单选按钮的分组应用、提交与重置按钮、隐藏字段及图像按钮的使用，并提供了表单综合示例、验证机制和设计最佳实践，帮助开发者创建功能完善、用户体验良好的网页表单。

2、网页 HTML 基础：标签、链接与表单全解析

day7的博客

08-09

本博客全面解析了网页开发的基础知识，涵盖HTML的基本标签、文档结构、空白处理、换行标签以及超文本链接的实现方式。深入讲解了锚标签的使用和绝对引用与相对引用的区别，同时详细介绍了HTML表单的构成、常用表单元素、提交方式和验证方法。适合初学者掌握网页开发基础，为后续实践和深入学习打下坚实基础。

23、优化HTML5表单：提升用户体验的实用指南

kotlin6android的博客

07-27

本文详细介绍了如何利用HTML5的新特性优化网页表单，从基本结构搭建到后端处理方案的选择，再到前端样式设计和交互优化，涵盖了创建功能强大且用户体验良好的表单所需的关键步骤。内容包括HTML5输入类型、字段分组、CSS样式优化、表单焦点设置、前端验证方法以及响应式设计的实现，帮助开发者提升表单的可用性和功能性。

text的disabled和readonly的区别

NJSun的专栏

09-11

377

input有两个属性，一个是disabled，一个是readonly，都可以让text进入无法输入的状态，只是disabled会让text的value也变成灰色的，而readonly则让value还是黑色的。。。。 readonly后仍然可以onclick，而disabled就直接让text挂了。。 ...

副队长HTML教程(27)--表单元素属性

编程副队长

04-25

1412

readonly属性将元素设置为只读，不能输入内容。跟disabled相比，readonly并不会让元素变为灰色。disabled属性表示禁用该元素，注意奇怪的是，只要写上这个属性（不论值如何），元素就会被禁用。上一篇我们讲了表单元素的两个属性id和name，其实表单元素还有其他几个常用属性，我们逐一介绍。checked应用于单选框、复选框、下拉菜单元素，表示某个选项被选中。maxlength属性值是一个数字，用来设置元素最多可以输入多少字符。禁用元素后，元素变为灰色，且不可输入内容。

html标签的属性——disabled与readonly区别

Gorden的博客

11-27

1820

disabled与readonly区别

disabled的使用

hcyhcyhcy_的博客

03-31

6717

disabled是布尔属性对于布尔 attribute (它们只要存在就意味着值为 true) 这个属性在html中，只要出现disabled，那么就会禁用在js中可以控制 HTML中都禁用 <p>Last name: <input type="text" name="lname" disabled="disabled" /></p> <p>Last name: <input type="text" name="lname" di

使html文本框不可用

UFO

08-21

516

方法一：不可用方法二：只读方法三：隐藏（但占位置）方法四：隐藏（不占位置）有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。方法1: onfocus=this.blur() 效果: 方法2:readonly

HTML input标签中disabled属性

cheng1a的博客

01-26

2707

HTML 标签的 disabled 属性这是一个不可输入的文本框 <input type="text" name="" disabled="disabled" /> 定义和用法： disabled 属性规定禁用 input 元素。被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。 //disabl

对于HTML表单输入字段，disabled =“ disabled”和readonly =“ readonly”有什么区别？

asdfgh0077的博客

02-07

792

我已经阅读了一些，但是似乎找不到关于不同的浏览器如何对待事物的可靠信息。

关于html元素的disabled,readonly 的详细分析

weixin_34096182的博客

11-02

503

一，先看看这两个属性在效果和使用上的区别 READONLY and DISABLED both remove the functionality of the input field, but to different degrees. READONLY locks the field: the user cannot change the value. DISABLED does the sa...

[学习心得][Html]disabled属性的启用和禁止

jason_56的博客

05-03

8913

Html中的input元素、button元素、option元素等都具有一个disabled属性。当赋予该属性时该元素将变得不可交互，如下代码所示： <input type="button" disabled="disabled" value="测试按钮">

html表单禁用

03-24

<think>好的，我现在需要回答用户关于如何在HTML中禁用表单元素的问题。首先，我得回忆一下相关的HTML知识，特别是关于表单元素禁用的方法。用户提到了示例代码和属性设置，所以应该具体说明如何通过HTML属性和JavaScript来禁用元素。首先，禁用表单元素通常有两种方法：直接在HTML标签中使用disabled属性，或者通过JavaScript动态设置。根据引用[4]，使用prop('disabled', true)可以禁用表单元素，这说明jQuery的方法，但用户可能也需要原生JavaScript的方法。不过用户的问题主要是关于HTML的，所以重点应该在HTML属性上。然后，我需要考虑不同的表单元素，比如输入框、按钮、下拉菜单等，是否都适用disabled属性。例如，<input>、<button>、<select>等元素都可以使用disabled属性来禁用。在HTML中，disabled是一个布尔属性，存在即表示禁用，不需要赋值，不过通常写成disabled="disabled"以符合XHTML规范，但在HTML5中只需写disabled即可。接下来，我需要提供示例代码，展示如何在不同元素上使用disabled属性。例如，一个禁用的文本框：<input type="text" disabled>，或者禁用的按钮：<button type="submit" disabled>提交</button>。还要提到使用JavaScript动态禁用的方法，比如通过设置element.disabled = true;，或者用jQuery的prop方法。另外，引用[3]提到HTML5的表单验证和属性设置，可能涉及到禁用元素在表单提交时的行为。禁用元素的值不会被提交到服务器，这点需要说明。同时，引用[5]指出表单元素包括文本框、下拉框等，所以需要确认这些元素是否都支持disabled属性。还需要注意用户可能存在的疑问，比如禁用后的样式变化，或者如何通过CSS来改变禁用元素的外观。不过这可能超出当前问题的范围，但可以简要提及。最后，要确保回答结构清晰，分点说明HTML和JavaScript的方法，给出示例代码，并解释相关注意事项。同时，生成的相关问题要围绕禁用表单元素的更多细节，比如样式调整、动态启用禁用、不同框架中的处理等。</think>### 如何在 HTML 中禁用表单元素？禁用表单元素是网页开发中常见的需求，可通过以下两种方式实现： --- #### 1. **HTML 属性直接禁用** 在表单元素的标签中添加 `disabled` 属性即可禁用该元素。这是静态禁用方法，页面加载时生效。 **示例代码：** ```html <input type="text" disabled placeholder="禁用的文本框"> <button type="submit" disabled>提交按钮</button> <select disabled> <option>选项1</option> <option>选项2</option> </select> <textarea disabled>禁用的文本域</textarea> ``` - **说明**：`disabled` 是布尔属性，存在即生效，无需赋值。禁用后元素变为灰色且不可交互，其值也不会随表单提交到服务器[^3][^5]。 --- #### 2. **JavaScript 动态禁用** 通过脚本动态控制元素的禁用状态，适用于需要根据条件启用/禁用的场景。 **示例代码：** ```javascript // 原生 JavaScript document.getElementById("inputField").disabled = true; // 禁用 document.getElementById("inputField").disabled = false; // 启用 // jQuery 方法 $("#inputField").prop("disabled", true); // 禁用 $("#inputField").prop("disabled", false); // 启用 ``` - **说明**：动态禁用常用于表单验证、权限控制等场景。例如，用户勾选协议后才启用提交按钮[^4]。 --- #### 注意事项 - **禁用元素的行为**：禁用后的表单元素无法获取焦点，其值也不会随表单提交。 - **样式调整**：默认禁用元素为灰色，可通过 CSS 修改样式： ```css input:disabled { background-color: #f0f0f0; cursor: not-allowed; } ``` ---