测试 html 中 disabled 后的 form 元素的取值

最新推荐文章于 2024-03-12 16:33:58 发布

iteye_3224

最新推荐文章于 2024-03-12 16:33:58 发布

阅读量68

点赞数

文章标签： HTML ASP

本文通过实例演示了HTML表单中使用disabled属性后的效果，包括输入框、单选按钮及下拉选择框等元素被禁用时，提交表单时这些元素不会发送任何值。

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

<select name="sel1" disabled>
<option value="1">selest1
<option value="2">selest2
<option value="3">selest3
<option value="4">selest4
</select>
<br><br>

//getval.asp 的内容：
<%
response.write "v1=" & request("v1") & "<br>"
response.write "v2=" & request("v2") & "<br>"

response.write "b1=" & request("b1") & "<br>"
response.write "b2=" & request("b2") & "<br>"

response.write "sel1=" & request("sel1") & "<br>"
%>

测试结论：disabled 后，form 元素传输的值为空字符串。

---“十万个为什么”电脑学习网-http://www.why100000.com-原创文章
张庆（网眼）2007-10-8

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_3224

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

form表单input使用disabled后提交不能获取表单值的解决方法

猿小白的博客

09-29

1万+

今天遇到一个问题：在form表单中的input上使用disabled禁用标致，会导致表单提交时获取不到值。经过调试，以及参考相关博文，最终得以解决，下面记录解决方法。 form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法：方法一：使用readonly带替代disabled，即把disabled="disabled" 修改为rea...

HTML 文本域元素详解：如何使用属性创建多行输入框

a451319296的博客

12-16

6791

文本域介绍HTML 的文本域（Textarea）元素是一种创建多行文本输入框的简单方法。通过使用不同的属性，可以为文本域添加各种功能和行为，以提高用户的交互和表单填写体验。常用的属性包括 autofocus、disabled、form、maxlength、name、placeholder、readonly、required 和 wrap 等。除此之外，还有诸如 cols、rows、formaction、formenctype、formmethod 和 formtarget 等属性，可以进行更细致的控制。

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

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

樱花的博客

04-08

4143

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

在element-plus组件当设置动态disable属性时，传入值为空字符串，输入组件还是会禁用

热门推荐

John的专栏

01-18

2万+

HTML中的input元素、button元素、option元素等都具有一个disabled属性。当赋予该属性时该元素将变得不可交互，如下代码所示： Html代码 input type="button" disabled="disabled" value="测试按钮"> 其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”（

html form表单input使用disabled后提交不能获取表单值的解决方法

12-13

form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法：方法一：使用readonly带替代disabled，即把 disabled="disabled" 修改为 readonly="readonly" 二者区别： ...

html form 表单

且听风吟的博客

07-15

6230

html form 表单

Html中form标签的使用

酱橙的博客

03-27

7441

当需要向服务器提交数据时，我们一般会选择使用form表单来实现数据的提交。 <form>标签用来表示一个需要向服务器提交的数据表单，在这个form表单的子标签里，需要实现让用户输入、单选、多选(input标签)，下拉选择(select标签)，点击(button标签或者input标签)，输入大段文字(textarea标签)等操作。一.form标签的使用 <form action...

html的属性disabled

我的博客名称

07-21

231

今天做东西的时候发现input 的属性disabled不管值为true,false,还是''（空字符串），始终会把控件变为不可用的状态。有的时候我设置一些控件为不可用了之后，可能以后某些时候我又要启用这个控件，那怎么办？因为你设置了这个属性，不管这时你再怎么设置这个属性的值，那都是没有用的，那怎么办？我想只有删除这个属性了（指disabled属性）。用jquery 实...

html语言disabled,htmldisabled属性

weixin_28684497的博客

05-31

2416

html 有disabled 属性的有哪些disabled对于所有的表单元素都有效，包括input,select,radio, checkbox, button等。如何禁用标签的disabled属性a标签的disable＝“true”属性只能使按钮灰掉，但还是可以点击跳转，要想无法点击，可以通过js删除href属性： function delLink(link) { //link.disabled...

html disabled 和readonly，disabled 引起的form表单提交问题

joshua1830的专栏

08-01

8057

先看看这两个属性在效果和使用上的区别 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

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

u013008898的博客

06-21

5090

disabled="disabled"位设置当前控件为只读,这个时候咱们在通过后台来获取数据的时候,springmvc就不能够获取到值, 所以我问需要在表单提交前,移除disabled属性 <form:select path="payStatus" class="form-control " disabled="true"> <form:options ite...

form表单中的Input使用disabled不能提交

BZ门

07-25

1688

之前写了个测试程序,其中添加和修改是寫在一起的,当需要使用修改时,form表单里面的用了一个输入框,并没有设置disabled属性,后来需要和别人寫的前台连接起来时候,由于id是不能修改的,对方设置了个任务编号: 看发出的sql语句怎么都是insert,纠结了一段时间,就发现这个disabled属性有问题,遂询问谷老师,找到百度空间中一篇,才了解到原来这样会提交失败的,解决办法就是下面@t

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

jason_56的博客

05-03

8831

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

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将会有下面的限制：不能接

vue 实现input表单元素的disabled

cominglately的博客

08-03

1万+

场景分析解决场景今天产品经理提了一个需求: 一个API的账号体系增加一个checkbox控制API输出字段,但是有三个是伪控制，事实上是接口里面写死的，所以是必须选中的分析重点是怎么在Vue组件中实现 checkbox的disabled, 哈这个肯定是需要使用元素绑定的 Vue做这个操作可以实现dis...

有什麼方法設置disabled後表單提交時還能獲取值

07-19

### 回答1：在HTML表单中，当设置元素的disabled属性后，该元素将会变为不可用状态，用户也无法对其进行交互操作。但是，如果你想在提交表单时仍然能够获取该元素的值，可以使用以下两种方法： 1. 通过JavaScript修改disabled属性：在表单提交之前，可以使用JavaScript动态地将元素的disabled属性设置为false，从而使其变为可用状态。例如，可以在表单的onsubmit事件中通过以下方式实现： ``` <form onsubmit="enableElement()"> <input type="text" id="myInput" disabled> <button type="submit">提交</button> </form> <script> function enableElement() { document.getElementById("myInput").disabled = false; } </script> ``` 这样，在提交表单时，元素将会重新变为可用状态，其值也将会被包含在表单的数据中。 2. 添加隐藏的input元素：另一种方法是在表单中添加一个隐藏的input元素，通过该元素来传递被禁用元素的值。例如： ``` <form> <input type="text" id="myInput" disabled> <input type="hidden" name="myInputValue" value="需要传递的值"> <button type="submit">提交</button> </form> ``` 在这种情况下，虽然禁用的input元素无法通过默认的表单提交方式传递其值，但是通过隐藏的input元素，可以传递该值给服务器端进行处理。总结起来，以上两种方法能够让你在设置disabled属性后仍然能够获取被禁用元素的值。你可以选择适用于具体场景的方法来实现需求。 ### 回答2：在表单中，如果将输入元素的disabled属性设置为true，该元素就会被禁用，用户无法对其进行输入或选择。但是，即使元素被禁用，仍然可以通过其他方法获取其值。一种常见的方法是，在表单提交之前，使用JavaScript将被禁用的元素的值存储到一个隐藏的input或其他变量中。通过在表单的提交事件处理程序中执行代码，可以获取禁用元素的值并将其存储起来。以下是一个简单的示例代码： HTML部分： ```html <form id="myForm" action="submit.php" method="post"> <input type="text" name="username" id="username" disabled> <input type="hidden" name="hiddenUsername" id="hiddenUsername"> <button type="submit">提交</button> </form> ``` JavaScript部分： ```javascript document.getElementById("myForm").addEventListener("submit", function(event) { event.preventDefault(); // 阻止表单默认提交行为 var disabledInputValue = document.getElementById("username").value; document.getElementById("hiddenUsername").value = disabledInputValue; // 可以添加其他需要的代码，比如使用Ajax提交表单等 }); ``` 在上面的代码中，当用户点击提交按钮时，表单的提交事件处理程序被触发。在事件处理程序中，禁用的输入元素的值被获取并存储到一个隐藏的input元素中，然后阻止了表单的默认提交行为。这样，在表单的后续处理中，可以通过访问隐藏的input元素的值来获取禁用输入元素的值。请注意，以上代码只是示例，实际应用中可能需要根据实际需要进行修改和扩展。 ### 回答3：要在表单提交时仍然能够获取被禁用字段的值，可以使用以下的方法： 1. 隐藏域（Hidden Field）：可以在表单中添加一个隐藏的input标签（例如 `<input type="hidden" name="fieldname" value="fieldvalue">`），将被禁用的字段的值存储在隐藏域中。这样在提交表单时，隐藏域的值也会一同提交，从而可以获取被禁用字段的值。 2. JavaScript：可以使用JavaScript来获取被禁用字段的值，并将其存储在一个变量中。在提交表单时，可以将这个变量的值添加到表单数据中，以便后台处理时能够获取到禁用字段的值。例如： ```javascript // 获取被禁用字段的值 var fieldValue = document.getElementById("fieldname").value; // 将值存储在表单提交时的数据中 document.getElementById("form").addEventListener("submit", function(event) { event.preventDefault(); var formData = new FormData(document.getElementById("form")); formData.append("fieldname", fieldValue); // 将formData提交到后台处理 // ... }); ``` 通过以上方法，即可在禁用字段的同时获取其值并在提交表单时进行处理。