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

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

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

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

1、onfocus=this.blur()

<input type="text" name="input1" value="创新互联建站" onfocus=this.blur()>

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

2、readonly属性

<input type="text" name="input1" value="创新互联建站" readonly> 

<input type="text" name="input1" value="创新互联建站" readonly="true">

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

3、disabled 属性

<input type="text" name="input1" value="创新互联建站" disabled>

注意：

我们不能为所有表单字段或元素设置readonly属性。<select>，<option>和<button>元素没有readonly属性，但它们具有disabled属性，可以通过设置disabled属性来实现不可编辑功能。

下面我们来看看readonly属性和disabled 属性的区别是什么？

readonly属性和disabled 属性都是表单字段（文本框，标签，复选框，文本区域）的不可编辑属性，下面我们来看看它们的区别

disabled 属性----禁用属性

1、禁用的表单字段或元素值不会发布到服务器进行处理。

2、禁用的表单字段或元素不会获得焦点。

3、选项卡导航时会跳过已禁用的表单字段或元素。

4、某些浏览器（如IE）为禁用的表单字段或元素提供默认样式（灰色或浮雕文本）。

readonly属性----只读属性

1、字段或元素的值以只读形式来发布到服务器进行处理。

2、只读表单字段或元素可以获得焦点。

3、选项卡导航时包含只读表单字段或元素。

4、某些浏览器不为只读表单字段或元素提供默认样式。

以上是设置表单input文本框不可编辑的方法的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联网站制作公司行业资讯频道！

网站题目：设置表单input文本框不可编辑的方法-创新互联
当前地址：https://www.cdcxhl.com/article34/dschse.html

成都网站建设公司_创新互联，为您提供网站改版、网站导航、服务器托管、全网营销推广、品牌网站制作、网站排名

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联