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

input设置不可写,只读 disabled 和 readonly

 
阅读更多

源:http://hi.baidu.com/chaoxinggs/item/f5778b52ed00cbafadc8576d

评:

实现input的只读效果的两种方法:disabled 和 readonly。

Disabled说明该input无效,及其value不会传递给任何程序,比如asp、php等。
Readonly仅仅是无法编辑,不影响其值的传递。

Disabled使用:<INPUT type=”text” name=”username” value=”james” disabled>
Readonly使用:<INPUT type=”text” name=”partNumber” value=”1500″ readonly>

分享到:
评论

相关推荐

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

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

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

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

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

    只读:readonly 在data里定义:readonly: true, 然后在input框里加上readonly就可以了。 禁用:disabled 在data里定义:edit: true, 然后在input框里加上::disabled=”edit”就可以了 PS:下面看下elementui...

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

    这意味着`readonly`适用于那些需要用户查看但不可修改的数据,例如预填的唯一识别码,在提交表单时这些信息需要被保留和传递。 另一方面,`disabled`属性的应用范围更广,它可以应用于所有表单元素,包括`&lt;input&gt;`...

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

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

    怎样让input type=file 只读,并能实现文件上传

    2. **只读(ReadOnly)与禁用(Disabled)**: - **只读**:意味着元素不能被直接编辑或修改,但仍然可以被脚本所操作。 - **禁用**:意味着元素完全不可交互,既不能被编辑也不能被脚本所操作。 3. **JavaScript...

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

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

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

    然而,对于`&lt;select&gt;`、`&lt;input type="checkbox"&gt;`和`&lt;input type="radio"&gt;`,`readonly`属性并不起作用,通常需要使用`disabled`属性来达到类似的效果。然而,如前所述,`disabled`会导致数据无法提交,因此需要...

    HTML中让表单input等文本框为只读不可编辑的方法

    本文将详细讲解如何在HTML中设置`&lt;input&gt;`元素为只读或不可编辑状态。 首先,我们可以使用`readonly`属性来创建一个只读的文本框。例如: ```html &lt;input type="text" name="input1" value="中国" readonly&gt; ``` ...

    javascript中input中readonly和disabled区别介绍

    在JavaScript中,`readonly` 和 `disabled` 是两个用于表单输入元素的重要属性,它们都可以防止用户直接编辑输入框内的内容,但它们在功能和效果上存在一些差异。 1. **`readonly` 属性**: - `readonly` 属性主要...

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

    此外,`readonly`字段保持可点击和高亮状态,用户可以选中,而`disabled`字段则完全不可选中,视觉上表现出被禁用的状态。 在实际应用中,这两个属性的选择应基于具体的需求。如果你想要让用户看到数据但不能修改,...

    readonly和disabled的区别

    3. **可访问性**:对于屏幕阅读器和其他辅助技术,`readonly` 字段的内容仍然会被读取,而 `disabled` 字段可能被忽略不读,因为它们被认为是不可操作的。 4. **表单验证**:`readonly` 字段参与表单验证,如果该...

    checkbox设置复选框的只读效果不让用户勾选

    另一个属性`disabled`可以将复选框设置为“禁用”状态,使其完全不可用,用户无法与之交互。虽然这可以防止用户勾选,但同时也丧失了视觉上的可选性,用户可能会误解这些选项是不可见的或不重要的。 在没有直接的...

    [removed]为input设置readOnly属性(示例讲解)

    与readonly属性不同的是,disabled属性,它可以使元素完全不可交互,不仅是输入操作,就连其他属性如样式都会受到影响,被禁用的元素也不会向服务器发送任何表单数据。 为了在Javascript中为input设置readonly属性...

Global site tag (gtag.js) - Google Analytics