jquery将input设置为只读，jq设置input的值

把div中所有的输入框全部设置为readonly

在设计网页时，有时需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种：使用input的disable和readonly两个属性。

模式该成编辑模式方法如：点击文件右击选择“属性”；在“常规”选项卡中查看是否被勾选的“只读”选项，如果是，取消即可。打开word文档，直接点击“审阅”中的“限制编辑”，选择“停止保护”，输入密码即可编辑。

html禁止文本框输入，用到的工具：notepad++，代码以及输出效果如下：代码部分。input type=text name=name readonly=readonly /说明：readonly=readonly，文本框就不能输入了。

将div设置disabled属性之后，整个div都灰掉了，但是文本框里面还是可以输入内容的。

说明：点击被readonly掉的按钮照样可以触发事件，但是被disabled掉的按钮就无法使用了不管上面有没有事件。(5)div 说明：将div设置disabled属性之后，整个div都灰掉了，但是文本框里面还是可以输入内容的。

如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。

相关问答

Q1: 如何通过js设置input标签的disabled属性?

1、javascript设置输入框不可编辑的方法：使用disabled属性设置：disabled属性规定应该禁用input元素，被禁用的input元素既不可用，也不可点击。可以设置disabled属性，直到满足某些其他的条件为止(比如选择了一个复选框等等)。

2、在js中input标签禁止输入的方法有：readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择，可以接收焦点，还可以选中或拷贝其文本。

3、文本框不可以编辑可以用两个属性来控制：readonly，只读属性，文本可以选择、复制，但是不可以改变文本值 disabled，不可选择、复制、改变文本值。js控制打开对话框的时候，同时改变对话框中的文本框的属性即可。

4、check).disabled = true；这个肯定是不正确的。换成document.all.check.disabled = true；试试。document.getElementById(Checkbox1).disabled = true；这句应该没有错，你在浏览器看下网页的源代码，ID是否吻合。

5、document.getElementByName(check).disabled = true；这个肯定是不正确的。换成document.all.check.disabled = true；试试。

Q2: html登录页面点击密码文本框时不能输入密码是为什么

这种情况是浮动和z-index引起，它的特点是点击input元素不会出现选中状态，排查一下html的结构，可以找到问题。设置了用户不可选中文本。浏览器的一些适配问题，导致设置的user-select：none影响到了input框的正常事件。

可能的原因：IE设置问题 可能是你自己的系统时间设置问题。cookies存在问题。

这样就不会和你本身的杀毒软件冲突了）（木马克星会把木马杀客当病毒清除掉，你在用木马克星的时候，注意不要让它扫木马杀客就可以了。

键盘输入设置问题：如果浏览器的兼容性没有问题，那么可能是键盘输入设置导致无法输入密码。例如，有时候输入法设置错误，会导致密码无法正常输入。

Q3: inputtype=checkbox设置只读不可编辑

1、原因在于readonly属性关联的是页面元素的value属性（例如textbox，设置了readonly就不能修改输入框的文本内容），而复选框的勾选/取消并不改变其value属性，改变的只是一个checked状态。

2、input type=checkbox name= WLAN onclick=return false； checked=checked /SSID1 这样可以实现，默认选中，且不可取消勾选。

3、disabled=true 一般的标签都是这个属性 设置成禁用。

4、添加只读属性。在input标签里添加readonly=readonly ，就可以把这个文本输入修改为不可编辑了。保存html页面后使用浏览器打开，鼠标放到对应input文本框上，发现该文本框无法获取焦点，表示设置只读属性成功。

Q4: el-input-number设置只读属性

在电脑上找到需要的操作的文件。鼠标右键点击文件，点击显示更多选项。在下拉选项中点击【属性】。在属性的勾选框中勾选【只读】。在下方点击【应用】即可。

如何对input设置只读属性，可以通过使用readonly设置input文本框为只读。语法：input type=text readonly=readonly / 新建一个html页面，在这个html页面创建一个input文本输入框。添加只读属性。

题主是否想询问“el-inputreadonly鼠标样式会变吗”？不会。根据查询CSDN博客信息显示，在ElementUI中，只读属性readonly的值为true时，el-input会变为只读模式，不允许用户编辑其内容，鼠标样式不会改变。

只读属于一种行为，不是样式（也可以理解为视觉效果），所以不能用css来设置。

要设置一个文件为只读，可以通过以下步骤： 找到要设置为只读的文件，右键点击“属性”。 在属性窗口切换到“常规”选项卡。 在“属性”组框中检查“只读”复选框。 点击“应用”和“确定”按钮保存设置。

jquery将input设置为只读的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jq设置input的值、jquery将input设置为只读的信息别忘了在本站进行查找喔。