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

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

本文目录一览

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

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

加上disabled属性<input type="text" name="lname" disabled="disabled" />

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

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

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

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

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

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

问题解决思路1. 禁用input2. 使用户不可修改3. 设置value值为想要显示的内容关键代码如下：<form action=" " method="get"> <p>信息1<input type="text" name="fname" /></p> <p>信息2<input type="text" name="lname" disabled="disabled" value="禁用的输入框"/></p> <input type="submit" value="提交" /></form>

你是说input的text输入框还是其他的？ 一般都有一个属性 <input type="text" readonly="readonly" />还有一种<input type="text" disabled="disabled"/> 个人建议使用第一种

文章题目：input设置不可编辑，如何使input标签中数据不可编辑
URL地址：https://www.cdcxhl.com/article20/isisjo.html

成都网站建设公司_创新互联，为您提供网站导航、动态网站、外贸建站、定制开发、响应式网站、网页设计公司

广告

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