大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

设置表单input文本框不可编辑的方法-创新互联

小编给大家分享一下设置表单input文本框不可编辑的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

湄潭网站建设公司创新互联,湄潭网站设计制作,有大型网站制作公司丰富经验。已为湄潭成百上千提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的湄潭做网站的公司定做!

以input文本框为例来看看效果:

1、onfocus=this.blur()

设置表单input文本框不可编辑的方法

可以看出,表单input文本框无法被点击,不可进行编辑了;里面的文字也无法选择。

2、readonly属性

创新互联建站" readonly> 

设置表单input文本框不可编辑的方法

可以看出,表单input文本框无法被点击,不可进行编辑了。

3、disabled 属性

设置表单input文本框不可编辑的方法

注意:

我们不能为所有表单字段或元素设置readonly属性。