如何让html禁止文本框输入

 我来答
灵动电商
2017-02-06 · 百度认证:河北灵动电子商务有限公司
灵动电商
河北灵动电子商务有限公司-高端网站建设公司.主要从事网站建设,SEO优化,平面设计,微信营销,微信二次开发,团队成员自2004年开始从事网站建设相关服务,拥有丰富的设计和技术经验,专为中小企业提供网站建设
向TA提问
展开全部

html禁止文本框输入,用到的工具:notepad++,代码以及输出效果如下:

  1. 代码部分。

<input type="text" name="name" readonly="readonly" />

说明:readonly="readonly",文本框就不能输入了。

2.输出效果如下:

注意事项:readonly表示此域的值不可修改和输入,仅可与 type="text" 配合使用。

百度网友247f5bc4
2016-12-11 · TA获得超过169个赞
知道小有建树答主
回答量:309
采纳率:0%
帮助的人:122万
展开全部

你想禁止文本框输入有以下两种方法:

方法一、设置input为只读状态,代码如下:   

<input readonly="readonly" value="test1"/>

方法二、设置input为不用状态,代码如下:

<input disabled="disabled" value="test2"/>

 你可根据自己的实际情况去使用。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
青鸟中关村专家
2016-12-19 · 知道合伙人软件行家
青鸟中关村专家
知道合伙人软件行家
采纳数:1734 获赞数:8440
就职于北大青鸟中关村,自2004年踏入北大青鸟这个行业,已经有11年工作经验和8年的培训经验,寓教于乐

向TA提问 私信TA
展开全部
这个只需要给文本框的属性:disabled=disabled 设置成禁用,就可以禁止文本框的输入;
或者设置属性:readonly=readonly 设置成只读,也可以禁止修改文本框里的内容
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
grace23450
2018-06-27 · TA获得超过1.3万个赞
知道大有可为答主
回答量:7081
采纳率:77%
帮助的人:2336万
展开全部
js禁止文本框输入用'disabled'限制。
//HTML代码

//jQuery代码
$(function(){
$('#text001').attr('disabled',true);
});

要禁止输入其实可以不用js都可以做到
input有个属性readonly是用来设置文本框为只读的
只需要添加readonly='readonly'
就可以不让文本框输入文字了
例如
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式