`

input中disabled与readonly的区别

    博客分类:
  • html
 
阅读更多


<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的表单元素才是有效数据,也即是可以进行提交。 被限制的对象值与后台交互时值传递。

分享到:
评论

相关推荐

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

    Disabled 和 Readonly 是两种常见的方法来实现 Input 只读效果,它们均可以使 Input 变为不可编辑状态,但它们之间存在着重要的区别。 Disabled 方法 Disabled 属性用于指定 Input 元素是否可用。当 Input 元素...

    javascript中input中readonly和disabled区别介绍

    在JavaScript中,`readonly`和`disabled`是两个用于HTML表单中控制用户交互的属性。它们虽然都能防止用户修改表单元素的内容,但具体的行为和影响却有所不同。 `readonly`属性主要应用于`&lt;input&gt;`(如`type="text"`...

    通过disabled和readonly将input设置为只读效果

    在HTML表单设计中,有时候我们需要用户只能查看输入框(input)中的内容而不能修改,这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的,但它们在功能上存在显著...

    disabled与readonly的作用及区别介绍

    在网页开发中,`disabled` 和 `readonly` 是两个非常重要的属性,它们都用于限制用户对HTML表单元素的交互,但它们之间存在着显著的区别。接下来我们将深入探讨这两个属性的作用和差异。 首先,`readonly` 属性主要...

    Readonly和Disabled的区别

    与Readonly不同,Disabled属性可以用于所有的表单元素,包括input、textarea、select、radio、checkbox以及按钮等。当元素被设置为Disabled时,它不仅禁止用户输入或选择,而且元素在表单提交过程中不会将其值发送到...

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

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

    jquery设置元素的readonly和disabled的写法

    判断 `disabled` 属性是否已设置的方法与 `readonly` 类似: ```javascript if ($(‘input’).attr(“disabled”)==true) // 判断 input 元素是否已经设置了 disabled 属性 ``` 需要注意的是,`readonly` 和 `...

    表单中Readonly和Disabled的区别详解

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

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

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

    让input变成不可编辑状态的方法.docx

    和 readonly 属性类似,可以在 input 标签中添加 disabled 属性,以便让 input 变成不可编辑状态。例如:&lt;input type="text" disabled="disabled" /&gt; 3. 使用 JavaScript 代码 可以使用 JavaScript 代码来让 input...

    readonly和disabled的区别

    在网页表单设计中,`readonly` 和 `disabled` 是两个非常常见的属性,它们都用于限制用户对输入字段的编辑,但它们之间存在着显著的区别。理解这些差异对于创建功能完整且用户体验良好的表单至关重要。 首先,`...

    input为disabled提交后得不到该值的解决方法

    标题和描述提到的问题核心在于,`disabled` 属性的`input`字段在提交表单时不会包含其值,而`readonly`则可以。 `disabled` 属性: - 当一个`input`字段设置为`disabled`时,用户无法编辑该字段的值。 - 这样的字段...

    readonly和disabled属性的区别

    在HTML表单中,`readonly`和`disabled`属性都是用来限制用户输入的,但它们在功能和表现上有着明显的差异。理解这两个属性的区别对于创建交互式网页表单至关重要。 首先,`readonly`属性主要用于文本框(`&lt;input ...

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

    PS:下面看下elementui通过 disabled 属性指定是否禁用 input 组件,如何用DOM操作取消disabled 属性 &lt;!DOCTYPE html&gt; &lt;html lang=en&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;meta name=...

    表单元素属性readonly和disabled使用对比

    1)适应范围: readonly:input[type="text"],input[type="password"],input[type="teaxtarea"] disabled:所有的表单元素,如select, radio, checkbox, button等 2)操作: readonly:不允许用户修改操作,不影响...

Global site tag (gtag.js) - Google Analytics