`

input中readonly和disable的区别

 
阅读更多

 

 <input type="text"  name="disabled" disabled="disabled" />

  • 不可编辑;
  • 不可复制;
  • 不可选择;
  • 不能接收焦点;
  • 不能用Tab键切换;
  • 后台不会接收到传值。

 

 

 

<input type="text" name="readonly" readonly="readonly"  />

  • 不可编辑;
  • 可复制;
  • 可选择;
  • 可接收焦点但不能修改;
  • 可用Tab键切换;
  • 后台可接收到传值。

 

 

分享到:
评论

相关推荐

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

    首先,`readonly`属性主要用于`&lt;input&gt;`(如`text`、`password`)和`&lt;textarea&gt;`元素。它使得用户无法修改已有的内容,但用户仍可以聚焦并看到内容。一个重要的特性是,当表单以`POST`或`GET`方式提交时,`readonly`...

    表单中Readonly和Disabled的区别详解

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

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

    然后在input框里加上readonly就可以了。 禁用:disabled 在data里定义:edit: true, 然后在input框里加上::disabled=”edit”就可以了 PS:下面看下elementui通过 disabled 属性指定是否禁用 input 组件,如何用...

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

    在网页表单设计中,有时候我们希望用户能够看到checkbox(复选框)的状态,但不允许他们修改这些状态,这时就需要将checkbox设置为只读。尽管HTML标准中并未提供直接的`readOnly`属性来实现这一功能,但我们可以通过...

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

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

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

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

    比较简单的javascript实现input双击后可以编辑

    在Web开发中,经常会遇到需要使某个输入框(`&lt;input&gt;`)在默认情况下不可编辑(即处于只读状态),但用户可以通过某种交互操作(比如双击)使其变为可编辑的状态。这种功能的应用场景非常广泛,例如在线表格编辑、...

    input禁止键盘及中文输入,但可以点击

    禁止键盘及中文输入,但又不能用readonly 而且还需兼容ie 和 ff , 为了完成这功能费了蛮大功夫,呵呵,在此记录以便日后之用;另外禁止粘贴 onpaste=”return false” 代码如下:&lt;!DOCTYPE HTML PUBLIC “-//W3C//...

    js css面试题

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

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

    HTML Input 属性 value 属性 value 属性规定输入字段...input type="text" name="name" value="软件开发网" readonly&gt; &lt;/form&gt; readonly 属性不需要值。它等同于 readonly="readonly"。 disabled 属性 disable

    javaScript面试精选

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

    javaee英语单词文档整理.pdf

    `&lt;form&gt;`标签用于创建表单,`&lt;input&gt;`定义输入框,可以设置只读(readonly)或禁用(disable)状态。表单的action属性定义提交动作,method属性指定请求方法,如GET或POST。 CSS(层叠样式表)是用于控制网页外观的...

    Vb将文本框设为只读

    `Locked`、`ReadOnly`和`Enabled`属性提供了基本的控制,而改变背景颜色或使用其他控件覆盖可以进一步增强视觉效果。在设计用户界面时,我们需要平衡功能性和用户体验,确保用户能清楚地理解哪些元素是可交互的,...

    使用jQuery设置disabled属性与移除disabled属性

    1. `readonly`属性只对`&lt;input type="text"&gt;`、`&lt;input type="password"&gt;`和`&lt;textarea&gt;`元素有效,它使表单元素无法更改,但仍然可以通过表单提交数据。 2. `disabled`属性对所有表单元素都有效,包括`&lt;select&gt;`...

    js常用面试题

    4. `readonly`和`disable`的区别? `readonly`使输入框不可编辑,但用户仍然可以选择和复制文本,提交表单时,该值会被发送到服务器。`disabled`则完全禁用输入框,用户无法编辑、选择或复制文本,提交表单时,该值...

    java面试技术题库

    1. 值类型和引用类型的区别:值类型(如int、char)直接存储值,而引用类型(如对象)存储的是指向内存中对象的引用。 2. XHTML的DOCTYPE声明用于指定文档遵循的规范,三种主要类型包括:HTML5、XHTML 1.1和XHTML ...

    如何提交表单中disabled表单域的值示例代码

    2. **启用表单元素**:遍历新表单中的所有输入元素(`input`,`textarea`,`select`),并设置其`disabled`属性为`false`。这里我们使用`enableFields()`函数,它接受一组DOM节点,并遍历它们,将每个元素的`...

    Centos7-samba-配置共享服务

    通过使用Samba,用户可以在异构网络环境中实现资源共享,使得基于Windows的客户端能够像访问本地资源一样轻松访问Linux/Unix服务器上的文件和打印机。Samba支持SMB/CIFS协议,这使得它能够在Windows操作系统中作为...

    Jquery Easyui自定义下拉框组件使用详解(21)

    在这个例子中,#box是一个input标签的ID,combo方法将这个input标签转换为一个带有数据绑定和下拉功能的下拉框。 接下来,我们来讨论下拉框组件的属性。在初始化时,可以指定一系列属性来定制下拉框的行为和外观。...

Global site tag (gtag.js) - Google Analytics