input框不可编辑的三种方法

1、最常用的disabled。
被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。

EP：<input type="text" disabled="disabled" />

*disabled 属性无法与 <input type="hidden"> 一起使用。

2、readonly unselectable='on'。
该属性跟disable类似，input 元素，不可编辑，不可复制，不可选择，不能接收焦点，设置后文字的颜色也会变成灰色，但是后台可以接收到传值。

EP：<input type="text" readonly unselectable="on" >

3、readonly。
只读可复制。用户可以使用Tab键切换到该字段，可选择，可以接收焦点，还可以选中或拷贝其文本。后台会接收到传值。该属性可以防止用户对值进行修改。

EP：<input type="text" readonly="readonly">

*readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。

input框不可编辑的三种方法相关推荐

前端页面，input框禁用编辑的三种方法
1.disabled 被禁用的 input 元素,*不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.*设置后文字的颜色会变成灰色. <input type="text ...
java 文本域不可编辑_实现表单input文本框不可编辑的三种方法
问题有时,我们需要以不可编辑的模式显示表单域,那么如何实现?我们可以通过为表单字段(input文本框,标签,复选框,文本区域)设置以下方法来实现表单的不可编辑功能. 实现方式 1.οnfοcus=t ...
使input文本框不可编辑的3种方法
转自点击打开链接今天试了一下使input文本框不可编辑的3种方法,现在总结一下: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能 ...
HTML -- 使input文本框不可编辑的2种方法（有disabled属性的input框，后台获取不到值）
1. 使input文本框不可编辑的2种方法今天在写JSP的时候我写了这样的代码 updateBook.jsp <form action="${pageContext.request. ...
jQuery判断复选框是否选中的三种方法
jQuery判断复选框是否选中的三种方法. PS:下面的代码为通过循环找到在多个复选框中被选中的复选框,并对其删除 //判断复选框是否选中的第一种方法: $.each(buttons,function ...
input 文本框不可编辑的3种方法
disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字的颜色会变成灰色.disabled 属性无 ...
vscode同时编辑多处的三种方法
Visual Studio Code代码想要同时编辑多处,该怎么实现呢? 1. 重命名变量首先看看自己需要同时修改多处的代码是不是要重命名一个变量,如果是的话,有现成的快捷键f2 使用方法: 选中一 ...
excel添加列下拉框票价_在Excel中制作下拉列表的三种方法
下拉列表在Excel中的用途十分广泛.在Excel中制作下拉列表可以通过数据有效性.使用窗体控件和VBA控件工具箱中的组合框来制作.下面用一个具体的例子来进行说明(在文章结尾处可下载xls格式的示例文 ...
html按钮disabled状态,CSS定义input disabled样式的三种方法
表单提交的时候我们经常会让提交按钮禁用,满足条件后按钮恢复,disabled禁用按钮后怎么用CSS来改变禁用disabled按钮的样式呢?下面看青岛星网:CSS定义input disabled样式的三 ...

input框不可编辑的三种方法

input框不可编辑的三种方法相关推荐

最新文章

热门文章