如何锁定input内容不可修改

 我来答
嘟噜门
高粉答主

2019-07-07 · 每个回答都超有意思的
知道小有建树答主
回答量:728
采纳率:0%
帮助的人:18.3万
展开全部

系统:win7

1、打开html开发工具,在新建的html代码页面上创建一个input文本框

2、在input文本框上添加readonly="readonly"属性,代码:<input type="text" value="设置只读" readonly="readonly"/>

3、保存html代码页面,然后使用浏览器打开,会发现input文本框无法输入内容,表示设置只读模式成功了。

帐号已注销
2016-12-08 · TA获得超过160个赞
知道小有建树答主
回答量:234
采纳率:33%
帮助的人:71.3万
展开全部

问题解决思路

  1.  禁用input

  2. 使用户不可修改

  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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
superRain2022
推荐于2017-11-25
知道答主
回答量:18
采纳率:50%
帮助的人:9195
展开全部
你是说input的text输入框还是其他的? 一般都有一个属性 <input type="text" readonly="readonly" />

还有一种<input type="text" disabled="disabled"/> 个人建议使用第一种
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
大花花先森
2016-12-08 · TA获得超过1006个赞
知道大有可为答主
回答量:2083
采纳率:0%
帮助的人:1096万
展开全部
可以如下修改:
打开链接加上onclick方法:js方法:
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式