`
xmx0632
  • 浏览: 119804 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

html里的disabled误区

阅读更多
为了使用户在一个页面上不能修改一个select元素的状态,因为没有readonly属性,又想偷懒不写css,我给这个元素加上disabled="disabled",结果提交form到action里面取到对应的值都是空的。而写了一个页面测试
xml 代码
 
  1. <form name="fff" id ="fff">  
  2. <select name="bizType" disabled="disabled"><option value="1" >Vnet</option><option value="2" selected="selected">Vnet</option>  
  3. <option value="2">IPTV</option>  
  4. <option value="3">电视上网</option></select>  
  5. </form>  
  6. <input type="button" onclick="javascript:aa();">  
  7. <script>  
  8.         function aa(){  
  9.             alert(document.fff.bizType.value);  
  10.               
  11.         }  
  12.     </script>  

在页面上是可以取到值的。

原来disabled是这样的
1.让人改不掉它的状态
2.使它在提交的时候变成空值。
3.在页面上用js还是能取到值的
分享到:
评论

相关推荐

    select-disabled-传值

    ### select-disabled-传值 在Web开发中,`select`元素是一种常见的HTML控件,用于创建下拉列表供用户选择。然而,在某些情况下,我们可能希望`select`元素变为只读状态,即用户无法更改其内容,但仍需将当前选中的...

    disabled属性

    对于支持`disabled`属性的HTML元素(例如`&lt;input&gt;`、`&lt;button&gt;`、`&lt;select&gt;`等),可以通过以下方式添加: ```html &lt;input type="text" disabled&gt; &lt;button disabled&gt;按钮 &lt;select disabled&gt; 选项1 选项2 ``` ##...

    用jquery设置按钮的disabled属性的实现代码

    在html标签中设置按钮被禁用,可以使用如下代码 &lt;input type=’button’ id=’test’ value=’disabled’&gt; 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); ...

    Ewebeditor License not found. Disabled.doc

    Disabled 的问题,今天我们将深入探讨这个问题的成因和解决方法。 首先,让我们了解 Ewebeditor 的 License 机制。Ewebeditor 的 License 是一个授权文件,用于验证用户的身份和权限。当用户安装 Ewebeditor 时,...

    基于js disabled=&quot;false&quot;不起作用的解决办法

    当需要禁用某个HTML表单元素时,通常的代码是使用element.disabled = true。相对应的,如果想取消禁用状态使元素变得可用,标准的写法应该是element.disabled = false。然而,在实际的开发过程中,有些开发者可能会...

    HTML中Select不用Disabled实现ReadOnly的效果

    方法如下: 代码如下:&lt;select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”&gt; &lt;option&gt;1 &lt;...

    Ant design vue 的组件禁用属性 disabled.pdf

    在Ant Design Vue这一流行的前端UI库中,`disabled`属性是一个关键特性,它允许开发者禁用用户对特定组件的操作,从而实现对用户交互的控制。禁用状态通常用于表示组件处于不可操作或非活动状态,这在许多场景下都是...

    web组件disabled之后灰色变亮样式调整

    ### Web组件Disabled状态下的灰色变亮样式调整 在Web开发中,经常需要处理表单控件或其他交互元素的禁用状态。当一个元素被设置为`disabled`时,默认情况下,大多数浏览器会将其显示为灰色或者降低其透明度,以此来...

    在Disabled的控件上顯示ToolTip

    在Disabled的控件上顯示ToolTip 在WINFORM中,如果一个控件有设置tooltip,那么鼠标移上去会显示出提示文字.但是当此控件的Enabled=false时,这个Tooltip是无效的. 本示例就是用来解决这个问题.

    端口出现err-disabled现象的解决方法合集.docx

    端口出现err-disabled现象的解决方法合集 端口出现err-disabled现象是CISCO交换机常见的一种故障现象,本文将详细描述该现象的原因及解决方法。 1.故障症状 当端口出现err-disabled现象时,会出现以下症状: * ...

    html表单属性readonly和disabled的使用方法

    - 使用方法:同样是在HTML元素上添加`disabled`属性,例如`&lt;input type="text" disabled&gt;`。 两者之间的关键区别在于,`readonly`字段在提交表单时仍会传递其值,而`disabled`字段则不会。此外,`readonly`字段...

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

    disabled="disabled" 修改为 readonly="readonly" 二者区别: disabled不能接收焦点,使用tab键时将被跳过,可能不是successful的; readonly可以接收焦点但不能被修改,可以使用tab键进行导航,可能是successful的...

    怎样通过disabled和readonly将input设置为只读效果.docx

    在 HTML 中,可以使用以下语法来将 Input 元素设置为 Disabled 状态: ```html &lt;input type="text" id="myInput" disabled&gt; ``` 或者,在 JavaScript 中,可以使用以下代码来将 Input 元素设置为 Disabled 状态: ``...

    Snow Leopard on VMware and Disabled CPU Error

    在使用 VMware 7.1 运行 macOS Snow Leopard 虚拟机时,用户可能会遇到一个常见的问题:“CPU 已被禁用” 或 “The CPU has been disabled by the guest operating system. You will need to power off or reset the...

    Readonly和Disabled的区别

    Readonly和Disabled是HTML表单中的两个重要的属性,它们都可以限制用户对表单元素的交互操作。尽管它们有共同的功能,即防止表单数据被修改,但它们之间存在着本质的区别。 首先,Readonly属性主要应用于input元素...

    Vue动态控制input的disabled属性的方法

    首先,让我们看一下 input 框的 HTML 源代码:配置项" v-bind:disabled="dataForm.id"&gt;。在这个示例中,我们使用了 Vue 的 v-bind 指令来绑定 input 框的 disabled 属性到 dataForm.id 变量上。 那么,dataForm.id ...

    使用jQuery设置disabled属性与移除disabled属性

    在网页开发中,表单元素的交互性是关键部分,其中`readonly`和`disabled`两个属性用于控制用户对表单元素的编辑权限。本文主要探讨如何使用jQuery来设置和移除`disabled`属性,同时对比`readonly`和`disabled`的区别...

    JQuery设置和去除disabled属性的5种方法总结

    在网页开发中,`disabled` 属性是一个非常重要的特性,它用于禁用HTML元素,如按钮、输入框、选择框等。当一个元素被禁用时,用户无法与之交互,同时,这些元素通常会呈现出一种灰色或者半透明的状态以表示它们的不...

Global site tag (gtag.js) - Google Analytics