input设置不可编辑，如何使input标签中数据不可编辑

创新互联为您提适合企业的网站设计 让您的网站在搜索引擎具有高度排名，让您的网站具备超强的网络竞争力！结合企业自身，进行网站设计及把握，最后结合企业文化和具体宗旨等，才能创作出一份性化解决方案。从网站策划到成都网站设计、成都网站建设、外贸网站建设， 我们的网页设计师为您提供的解决方案。

本文目录一览

• 1，如何使input标签中数据不可编辑
• 2，css如何实现input不可编辑
• 3，如何锁定input内容不可修改

1，如何使input标签中数据不可编辑

加上disabled属性

大概就这样子，把字段的数据放在value=""里面就行了

2，css如何实现input不可编辑

有两种方法 第一：disabled="disabled"这样定义之后被禁用的 input 元素既不可用，也不可点击。
第二：readonly="readonly" 只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本； 希望可以帮到你

3，如何锁定input内容不可修改

系统：win71、打开html开发工具，在新建的html代码页面上创建一个input文本框2、在input文本框上添加readonly="readonly"属性，代码:3、保存html代码页面，然后使用浏览器打开，会发现input文本框无法输入内容，表示设置只读模式成功了。

可以如下修改：打开链接加上onclick方法：js方法：

问题解决思路1. 禁用input2. 使用户不可修改3. 设置value值为想要显示的内容关键代码如下：

你是说input的text输入框还是其他的？ 一般都有一个属性 还有一种 个人建议使用第一种