`
jveqi
  • 浏览: 324008 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

input中readOnly与disabled

 
阅读更多

怎样使input中的内容为只读,也就是说不让用户更改里面的内容。 

  

 <input type="text" name="input1" value="中国" /> 

 <input type="text" name="input1" value="中国" readonly /> 

 <input type="text" name="input1" value="中国" disabled /> 

 最好不要用disabled,不然就无法取出里面的值了. 

   

 <input type="text" name="input1" value="中国" readonly="true" /> 

 <input type="text" name="input1" value="中国" readonly /> 

 区别: 

 1.disabled  --  完全不可编辑,并且是不能复制的。 

 2.readonly   --  不可编辑,但是是可以复制。 

 3.Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。 

 4.表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去 

   

 同点: 

 使input不可编辑。

分享到:
评论

相关推荐

    javascript中input中readonly和disabled区别介绍

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

    Readonly和Disabled的区别

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

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

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

    表单中Readonly和Disabled的区别详解

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

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

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

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

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

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

    总的来说,`readonly`和`disabled`在HTML表单中提供了不同程度的用户交互限制,选择哪个属性取决于你希望用户如何与表单数据互动以及在提交表单时是否需要包含这些数据。理解它们之间的差异对于构建功能完整且用户...

    readonly和disabled的区别

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

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

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

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

    这时,`readonly` 和 `disabled` 这两个属性就显得尤为重要。 1. **只读属性(readonly)** - `readonly` 属性用于设置表单元素为只读状态。这意味着用户可以看到元素中的文本,但不能修改它。当用户尝试改变只读...

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

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

    readonly和disabled属性的区别

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

    jquery批量设置属性readonly和disabled的方法

    本文将详细介绍如何使用jQuery库来批量设置input元素的readonly和disabled属性。 ### 使用jQuery批量设置readonly属性 在HTML中,readonly属性是input元素的一个布尔属性,当这个属性存在时,输入框将变为只读,...

    HTML中禁用表单控件的两种方法readonly与disabled

    当你在输入标签如`&lt;input&gt;`中添加`readonly="readonly"`,该控件将变为只读状态。用户无法通过鼠标或键盘改变其内容,但开发者可以通过JavaScript进行动态修改。值得注意的是,即使控件设置为只读,当表单提交时,该...

Global site tag (gtag.js) - Google Analytics