`
ajax_xu
  • 浏览: 156022 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

readonly & disabled

    博客分类：
  • HTML
HTML 
阅读更多
转载
readonly
不可编辑，可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值可以在请求中传递
disabled
不可编辑，不可以获得焦点，背景颜色默认灰色，值的字体颜色默认为灰色，值不可以在请求中传递；

为了使值不可修改，但显示为disabled的样式，且可以在请求中传递，则可以通过采用readonly，修改字体颜色来实现

例：
Html代码  
<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>
分享到：
| 多线程例子
评论
发表评论

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

相关推荐

    Readonly和Disabled的区别

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

    readonly和disabled的区别

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

    表单中Readonly和Disabled的区别详解

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

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

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

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

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

    readonly和disabled属性的区别

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

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

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

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

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

    javascript中input中readonly和disabled区别介绍

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

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

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

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

    1.给控件标签加\u4e0areadonly='readonly'属性  2.给控件标签加\u4e0adisabled='disabled'...从字面意思我们可以知道，试用readonly属性的控件是只读的,而试用disabled是被禁用的。那么他们的区别是什么呢？  只读

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

    例如，某些情况下我们希望用户不能修改表单的输入值，或是整个表单暂时不可交互，这时就需要用到readonly和disabled属性。本文将详细介绍如何使用jQuery库来批量设置input元素的readonly和disabled属性。 ### 使用...

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

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

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