几种设置表单元素中文本输入框不可编辑的方法总结

前端技术 2023/09/09 JavaScript

代码:

复制代码 代码如下:

<input type=\"text\" value=\"fisker\" onclick=\"alert(this.value);\" onfocus=\"this.blur()\" />

输入框无法获得焦点，不能编辑
表单可以获得值。
可以复制。
蛮奇怪的，都选住了，还没有获得焦点？

2,readonly

代码:

<input type=\"text\" value=\"fisker\" onclick=\"alert(this.value);\" readonly />

输入框只读。不能编辑
同样表单可以获得值。
也可以复制。

3,disabled

代码:

复制代码 代码如下:

<input type=\"text\" value=\"fisker\" onclick=\"alert(this.value);\" disabled />

输入框灰色，不能编辑
可以用JS改变或获得其值，但提交时并不提交该值。

本文地址：https://www.stayed.cn/item/25876

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案