`

input中readonly和disable的区别

 
阅读更多

 

 <input type="text"  name="disabled" disabled="disabled" />

  • 不可编辑;
  • 不可复制;
  • 不可选择;
  • 不能接收焦点;
  • 不能用Tab键切换;
  • 后台不会接收到传值。

 

 

 

<input type="text" name="readonly" readonly="readonly"  />

  • 不可编辑;
  • 可复制;
  • 可选择;
  • 可接收焦点但不能修改;
  • 可用Tab键切换;
  • 后台可接收到传值。

 

 

分享到:
评论

相关推荐

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

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

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

    然后在input框里加上readonly就可以了。 禁用:disabled 在data里定义:edit: true, 然后在input框里加上::disabled=”edit”就可以了 PS:下面看下elementui通过 disabled 属性指定是否禁用 input 组件,如何用...

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

    Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会...

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

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

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

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

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

    HTML Input 属性 value 属性 value 属性规定输入字段...input type="text" name="name" value="软件开发网" readonly&gt; &lt;/form&gt; readonly 属性不需要值。它等同于 readonly="readonly"。 disabled 属性 disable

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

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

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

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

    2009 达内Unix学习笔记

    命令和参数之间必需用空格隔开,参数和参数之间也必需用空格隔开。 一行不能超过256个字符;大小写有区分。 二、特殊字符含义 文件名以“.”开头的都是隐藏文件/目录,只需在文件/目录名前加“.”就可隐藏它。...

    php.ini-development

    To disable this feature set this option to empty value ;user_ini.filename = ; TTL for user-defined php.ini files (time-to-live) in seconds. Default is 300 seconds (5 minutes) ;user_ini.cache_ttl = ...

    BCGControlBarPro.v12.00

    Call SetClearInplaceEditOnEnter (FALSE) to disable grid from clearing content of the item on Enter. Added CBCGPGridCtrl::GoToNextItem method. CBCGPGridCtrl::EnsureVisible is now virtual. Added ...

Global site tag (gtag.js) - Google Analytics