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

text的disabled和readonly的区别

 
阅读更多

input有两个属性,一个是disabled,一个是readonly,都可以让text进入无法输入的状态,只是disabled会让text的value也变成灰色的,而readonly则让value还是黑色的。。。。

 

readonly后仍然可以onclick,而disabled就直接让text挂了。。

 

分享到:
评论

相关推荐

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

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

    javascript中input中readonly和disabled区别介绍

    总结来说,`readonly`和`disabled`都是为了限制用户对表单元素的修改,但`readonly`只影响编辑,不影响提交,而`disabled`则全面禁止交互且不包含在提交数据内。开发者应根据具体需求来选择使用哪一个属性,以实现...

    Readonly和Disabled的区别

    总结如下: Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式...

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

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

    readonly和disabled的区别

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

    表单中Readonly和Disabled的区别详解

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

    readonly和disabled属性的区别

    总的来说,`readonly`和`disabled`在处理用户输入和表单提交时提供了不同的控制手段。开发者应根据具体的需求来选择使用哪个属性,确保用户体验的连贯性和一致性。理解这两个属性的区别有助于创建更加精细和用户友好...

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

    本文将详细介绍如何使用 jQuery 设置和移除 `readonly` 和 `disabled` 属性。 `readonly` 属性用于文本输入框 (`input[type="text"]`),它使得用户不能修改输入框中的内容,但用户仍然可以选中并复制文本。在 ...

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

    两者之间的关键区别在于,`readonly`字段在提交表单时仍会传递其值,而`disabled`字段则不会。此外,`readonly`字段保持可点击和高亮状态,用户可以选中,而`disabled`字段则完全不可选中,视觉上表现出被禁用的状态...

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

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

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

    总结来说,readonly和disabled虽然都可以限制用户编辑表单字段,但readonly只适用于输入框(text/password)和文本区域(textarea),并且其值仍然可以被提交到服务器。而disabled适用于所有表单元素,会阻止字段的编辑...

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

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

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

    在某些情况下,如果仅包含`<input>`(如`text`、`password`)和`<textarea>`的表单,使用`readonly`代替`disabled`可能是可行的,但这可能导致问题。例如,如果表单中有`<select>`元素,用户在`readonly`状态下仍能...

    html表单控件禁用属性readonly VS disabled介绍

    input type=text value= readonly=readonly /> <input type=text value= disabled=disabled />  举例中的两个控件都是不可修改的。但是他们也有一些区别!  从字面意思我们可以知道,试用readonly属性的...

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

    总结来说,jQuery 提供了灵活的方式来处理表单元素的 `readonly` 和 `disabled` 属性,无论是单独操作还是批量处理。理解并熟练运用这些方法,可以使我们的前端代码更加简洁高效。在处理用户界面的交互性时,能够更...

Global site tag (gtag.js) - Google Analytics