`

readonly与disable的区别

 
阅读更多

13.  不是有一个地方要用只读的形式显示用户代码,不然用户修改,应用readonly来解决   readonly="readonly"这样可以 readonly="true"也行。

还有一个disabled="disabled"  设置成不能修改。为灰色的。注意差别,用readonly修饰的文本框或DOM对象,是可以拿到值的,用disabled就拿不到值了。

分享到:
评论

相关推荐

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

    一个关键的区别是,`disabled`的元素无法获取焦点,而`readonly`的元素可以。如果表单有多个输入项,使用`readonly`时,用户仍然可以通过键盘导航到这些元素,但无法编辑。而在`disabled`状态下,用户无法通过键盘或...

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

    方法如下: 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”> <option>1 <...

    readonly和disabled属性的区别

    在表单元素中,readonly和disable有类似之处,因为它们都可以将一些表单元素设置为”不可用”状态,当然它们之间的区别是巨大的,下面就介绍一下这个两个属性有哪些区别,希望能够给需要的朋友带来一定的帮助。...

    表单中Readonly和Disabled的区别详解

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

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

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

    设置checkbox为只读(readOnly)的两种方式

    ### 注意事项与兼容性 1. **兼容性**:以上两种方法在大多数现代浏览器中都能良好工作,但老版本的IE浏览器可能需要额外的处理。在实际应用中,确保测试目标用户群体所使用的浏览器。 2. **用户体验**:尽管这两种...

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

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

    html form表单input使用disabled后提交不能获取表单值的解决方法

    form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考下面两个方法: 方法一: 使用readonly带替代disabled,即把 disabled="disabled" 修改为 readonly="readonly" 二者区别: ...

    各个软件公司面试题答案

    9. readonly与disable: - readonly只阻止用户编辑,但显示并提交数据;disable则使控件完全不可用,且不提交其值。 10. 弹出式消息: - alert、confirm和prompt分别对应警告、确认和输入对话框。 11. isNaN函数...

    解决DataGridView常见问题.doc

    #### 一、DataGridView简介与应用场景 `DataGridView` 是 C# WinForms 应用程序中一个非常强大的控件,用于显示和编辑数据。它提供了丰富的功能和自定义选项,使得开发人员能够轻松地在应用程序中集成表格形式的...

    关于html的表单元素详解(二)

    value 属性 value 属性规定输入字段的初始值: <form action=""> <input type="text" name="name" value="软件开发网"> ...readonly 属性 readonly 属性规定输入字段为只读(不能修改): ...disable

    C# 批量设置WinForm界面上的所有控件不可编辑

    当窗体内的控件存在[ReadOnly]属性时,只设置[ReadOnly]属性,否则设置[Enabled]属性 方法中,List参数提供时,代表不修改其可编辑性,保持其状态为原始的可编辑或不可编辑 List, Boolean>>参数,布尔值表示是否...

    Ext Extjs 禁止文本和日期编辑

    与`TextField`类似,`DatePicker`也有一个`disabled`属性,用于控制组件是否可用。当`disabled`设置为`true`时,日期选择器将呈灰色不可选状态,用户无法选择日期。示例代码如下: ```javascript var datePicker = ...

    qemu-0.13.0(编译过全处理器支持)

    [,readonly=on|off] use 'file' as a drive image -set group.id.arg=value set <arg> parameter for item <id> of type i.e. -set drive.$id.file=/path/to/image -global driver.property=value set a ...

    php.ini中安全的设置

    在 PHP 的配置文件 `php.ini` 中,存在多项与安全性相关的设置选项。这些设置能够帮助开发者确保应用的安全性,并防止潜在的攻击或数据泄露问题。接下来,我们将深入探讨 `php.ini` 文件中的关键安全设置。 #### (1...

    js css面试题

    3. Form中的Input属性`readonly`和`disable`的区别: - `readonly`:只读属性,用户无法修改输入框的值,但可以选中、复制和高亮显示内容。 - `disable`:禁用属性,不仅阻止用户编辑,还禁止选中、复制和高亮显示...

    jQuery EasyUI 1.4.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    validatebox:新增“enable”、“disable”、“readonly”和“resetValidation”方法; validatebox:允许用户来决定如何显示错误消息; filebox:新增“accept”和“multiple”属性; treegrid:新增复选框的...

    javaScript面试精选

    form中的input可以设置为readonly和disable,请问2者有什么区别?** - **`readonly`**: 表示该字段不可编辑,但仍可选中和复制内容,表单提交时会包含这个字段的值。 - **`disabled`**: 表示该字段不可编辑且不可...

Global site tag (gtag.js) - Google Analytics