`

disabled和readonly的区别

    博客分类：
  • web
 
阅读更多

转载自：http://ouanui.iteye.com/blog/706409

readonly 
不可编辑，可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值可以在请求中传递 
disabled 
不可编辑，不可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值不可以在请求中传递； 
为了使值不可修改，但显示为disabled的样式，且可以在请求中传递，则可以通过采用readonly，修改字体颜色来实现 

 

<html>
<form>
<input name="1" type="text" size="20" value="readonly" readonly="readonly">
<input name="1" type="text" size="20" value="readonly" readonly="readonly" style="color:#aaa ;">
<input name="2" type="text" size="20" value="disabled" disabled="disabled">
<input name="1" type="text" size="20" value="normal">
</form>
</html>

 

如果需要使用disabled,同时需要进行值的请求提交，可以通过增加一个hidden隐藏域的方式。

 

 

<input type="text"  class="bt8  validate-email" value="$!cc.email"
               onchange="txtOnchange();" disabled />

<input type="hidden" value="$!cc.email" name="cc.email" class="needSumbit"/>
 

 

 

 

 

 

分享到：
| getAttribute()与getParameter的区别
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

    HTML中Select不用Disabled实现ReadOnly的效果

    方法如下： 代码如下:&lt;select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”&gt; &lt;option&gt;1 &lt;...

    disabled与readonly的作用及区别介绍

    总结一下，`readonly`和`disabled`的主要区别在于： 1. `readonly`仅在界面层面上阻止用户直接修改，但可以通过JavaScript等编程方式改变。 2. `disabled`则更为彻底，不仅阻止用户修改，还阻止用户与其交互，并且在...

    javascript中input中readonly和disabled区别介绍

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

    Readonly和Disabled的区别

    此外，由于Readonly和Disabled在表单提交行为上的差异，开发者在设计表单逻辑时必须细致地考虑两者的使用场景。例如，在包含多个表单元素的复杂表单中，如果表单元素被设置为Readonly，那么即使某些元素如select在被...

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

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

    readonly和disabled的区别

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

    表单中Readonly和Disabled的区别详解

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

    readonly和disabled属性的区别

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

    textarea的disabled与readonly属性具体用法介绍

    理解`disabled`和`readonly`属性的使用可以帮助我们更好地控制用户与网页的交互，提供更友好的用户体验，并确保表单数据的正确性。在设计表单时，根据需求选择合适的属性能帮助你实现预期的功能。

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

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

    表单元素属性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`字段则不会。此外，`readonly`字段保持可点击和高亮状态，用户可以选中，而`disabled`字段则完全不可选中，视觉上表现出被禁用的状态...

Magicbox
Global site tag (gtag.js) - Google Analytics