`

转:input中disable与readonly的区别

 
阅读更多

<input name=”country” id=”country” size=12 value=”disabled提交时得不到该值 " disabled=”disabled” > 放在form表单中提交后得不到该值。 将disabled=”disabled” 改为 readonly = “readonly” 即可

 

1. 设置为disabled的input将会有下面的限制:

  • 不能接收焦点 使用tab键时将被跳过 可能不是successful的 被限制的对象值将不会被传递到后台程序。

 

2.设置为readonly的input将会有下面的限制:

  • 可以接收焦点但不能被修改 可以使用tab键进行导航 可能是successful的 只有successful的表单元素才是有效数据,也即是可以进行提交。 被限制的对象值与后台交互时值传递。
分享到:
评论

相关推荐

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

    一个关键的区别是,`disabled`的元素无法获取焦点,而`readonly`的元素可以。如果表单有多个输入项,使用`readonly`时,用户仍然可以通过键盘导航到这些元素,但无法编辑。而在`disabled`状态下,用户无法通过键盘或...

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

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

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

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

    表单中Readonly和Disabled的区别详解

    在HTML表单中,`readonly` 和 `disabled` 是两个重要的属性,它们都可以用来限制用户对表单元素的交互,但它们之间的区别在于作用范围、提交表单时的行为以及用户体验等方面。 首先,`readonly` 属性主要用于`...

    比较简单的javascript实现input双击后可以编辑

    在Web开发中,经常会遇到需要使某个输入框(`&lt;input&gt;`)在默认情况下不可编辑(即处于只读状态),但用户可以通过某种交互操作(比如双击)使其变为可编辑的状态。这种功能的应用场景非常广泛,例如在线表格编辑、...

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

    在处理`readonly`属性时,需要注意的是,`readonly`属性主要用于文本输入框`&lt;input type="text"&gt;`,它使得用户不能编辑文本,但仍然可以选择和复制文本。然而,对于`&lt;select&gt;`、`&lt;input type="checkbox"&gt;`和`&lt;input ...

    设置checkbox为只读(readOnly)的两种方式

    在网页表单设计中,有时候我们希望用户能够看到checkbox(复选框)的状态,但不允许他们修改这些状态,这时就需要将checkbox设置为只读。尽管HTML标准中并未提供直接的`readOnly`属性来实现这一功能,但我们可以通过...

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

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

    js css面试题

    3. Form中的Input属性`readonly`和`disable`的区别: - `readonly`:只读属性,用户无法修改输入框的值,但可以选中、复制和高亮显示内容。 - `disable`:禁用属性,不仅阻止用户编辑,还禁止选中、复制和高亮显示...

    javaScript面试精选

    form中的input可以设置为readonly和disable,请问2者有什么区别?** - **`readonly`**: 表示该字段不可编辑,但仍可选中和复制内容,表单提交时会包含这个字段的值。 - **`disabled`**: 表示该字段不可编辑且不可...

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

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

    js常用面试题

    4. `readonly`和`disable`的区别? `readonly`使输入框不可编辑,但用户仍然可以选择和复制文本,提交表单时,该值会被发送到服务器。`disabled`则完全禁用输入框,用户无法编辑、选择或复制文本,提交表单时,该值...

    传智javaweb基础英语单词

    - **Input**:['ɪn'pʊt] 输入、输入框,用户可以在其中输入数据的字段。 - **Readonly**:只读的,指输入框不能被编辑。 - **Disable**:[dɪs'eɪb(ə)l] 禁用、无效,指输入框处于不可用状态。 - **Action**:['...

    Vb将文本框设为只读

    在VB(Visual Basic)编程中,我们经常需要对控件进行操作以满足用户界面的需求。在本场景中,我们关注的是如何将文本框(TextBox)设置为只读状态。只读文本框允许用户查看文本,但不允许他们编辑或输入新的内容。...

    Centos7-samba-配置共享服务

    iptables -I INPUT -p tcp --dport 程序端口 -j ACCEPT ``` 注意:这种方式在系统重启后会失效,需要再次设置。 3. **关闭防火墙**:如果暂时不需要防火墙保护,可以选择关闭防火墙。 - 临时关闭防火墙: ```...

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

    "disable": false, "readonly": false, "value": "", "placeholder": "请输入姓名", "rules": [], "key": "name", "subtype": "text" }, { "type": "radio", "label": "性别", "value": "", "button": ...

    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 ...

    rsync +cwrsync实现windows和linux的文件同步

    - **启用 rsync 服务**:修改 `/etc/xinetd.d/rsync` 文件中的 `disable` 选项为 `no`。 - **配置防火墙**:确保 8877 端口开放。 ```sh iptables -A INPUT -p tcp --dport 8877 -j ACCEPT ``` - **启动与重启 ...

    javaee英语单词文档整理.pdf

    `&lt;form&gt;`标签用于创建表单,`&lt;input&gt;`定义输入框,可以设置只读(readonly)或禁用(disable)状态。表单的action属性定义提交动作,method属性指定请求方法,如GET或POST。 CSS(层叠样式表)是用于控制网页外观的...

Global site tag (gtag.js) - Google Analytics