`

readonly与disable 的区别

    博客分类:
  • Jsp
 
阅读更多

<1>定义
  Disabled    设置或获取控件的状态,true表示禁止.
  Readonly    设置或获取文本框的内容是否为只读
<2>应用
  Readonly只针对input(text / password)和textarea有效,
  而disabled对于所有的表单位素都有效,包含, radio, checkbox, button等
另外注意一点:
    表单位素在应用了disabled后,将表单以POST或GET的体式格式提交的话,
    这个元素的值不会被传递出去,而readonly会将该值传递出去。

    一般用readonly取代disabled
    假如用了disabled的话
    应当重视的是要将submit button也disabled掉,不然只要用户按了这个按钮,
    将会提交到后台一个空表单,可能会导致程序出错。

另外一些介绍可以参考
http://www.cnpetweb.com/a/xinxizhongxin/lanmu9/2011/1008/17787.html
分享到:
评论

相关推荐

    浅谈html中input只读属性readonly和disable的区别

    下面小编就为大家带来一篇浅谈html中input只读属性readonly和disable的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    readonly和disabled属性的区别

    在表单元素中,readonly和disable有类似之处,因为它们都可以将一些表单元素设置为”不可用”状态,当然它们之间的区别是巨大的,下面就介绍一下这个两个属性有哪些区别,希望能够给需要的朋友带来一定的帮助。...

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

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

    Readonly和Disabled之间的微小区别详解

    但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(readonly接受值更改可以回传,disable接受改但不回传数据)。 一般比较常用的...

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

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

    elementUI 设置input的只读或禁用的方法

    只读:readonly 在data里定义:readonly: true, 然后在input框里加上readonly就可以了。 禁用:disabled 在data里定义:edit: true, 然后在input框里加上::disabled=”edit”就可以了 PS:下面看下elementui...

    C# 批量设置WinForm界面上的所有控件不可编辑

    当窗体内的控件存在[ReadOnly]属性时,只设置[ReadOnly]属性,否则设置[Enabled]属性 方法中,List参数提供时,代表不修改其可编辑性,保持其状态为原始的可编辑或不可编辑 List, Boolean&gt;&gt;参数,布尔值表示是否...

    关于html的表单元素详解(二)

    value 属性 value 属性规定输入字段的初始值: &lt;form action=""&gt; &lt;input type="text" name="name" value="软件开发网"&gt; ...readonly 属性 readonly 属性规定输入字段为只读(不能修改): ...disable

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

    复制代码代码如下: &lt;span xss=removed&gt;&lt;select id=”lstTest” onfocus=”this.defaultIndex=this.selectedIndex;” onchange=”this.selectedIndex=this.defaultIndex;”&gt; ”1″&gt;test1&lt;/option&gt; ”2″&gt;test2...

    qemu-0.13.0(编译过全处理器支持)

    [,readonly=on|off] use 'file' as a drive image -set group.id.arg=value set &lt;arg&gt; parameter for item &lt;id&gt; of type i.e. -set drive.$id.file=/path/to/image -global driver.property=value set a ...

    layui select 禁止点击的实现方法

    今天小编就为大家分享一篇layui select 禁止点击的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    jQuery EasyUI 1.4.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    validatebox:新增“enable”、“disable”、“readonly”和“resetValidation”方法; validatebox:允许用户来决定如何显示错误消息; filebox:新增“accept”和“multiple”属性; treegrid:新增复选框的...

    jquery中EasyUI使用技巧小结

    $(“选择器”).combo(‘textbox’).attr(“readonly”, “readonly”); $(‘选择器’).combobox({  editable:false ,  panelheight:300 }); 二、禁用 代码如下:  $(‘选择器’).combobox(‘disable’); 三、...

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

    Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性

    jQuery EasyUI 1.3.6 离线简体中文API文档

    最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的... spinner:添加“readonly”属性、“readonly”方法和“onChange”事件。

    Vue+ElementUI实现表单动态渲染、可视化配置的方法

    动态渲染就是有一个异步的数据,大概长这样: { "inline": true, ... "disable": false, "readonly": false, "value": "", "placeholder": "请输入姓名", "rules": [], "key": "name", "subtype

    NVKindEditor3.5.4面向对象版(修改)

    this.KE.toolbar.disable(this.tid, []); this.KE.readonly(this.tid); this.KE.g[this.tid].newTextarea.disabled = true; }, onEnable: function () { this.KE.toolbar.able(this.tid, []); this.KE....

    如何提交表单中disabled表单域的值示例代码

    表单中的某个表单域被设定为disabled,则该表单域的值就不会被提交,可以通过不用disabled而是使用readonly等,但是我认为都并不是最好,下面为大家介绍个不错的解决方案,感兴趣的朋友可以参考下,希望对大家有所...

    input禁止键盘及中文输入,但可以点击

    禁止键盘及中文输入,但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫,呵呵,在此记录以便日后之用;另外禁止粘贴 onpaste=”return false” 代码如下:&lt;!DOCTYPE HTML PUBLIC “-//W3C//...

Global site tag (gtag.js) - Google Analytics