HTML如何禁止文本框输入

 我来答
51CTO学院
2018-06-27 · 中国最大的IT实战在线培训平台
51CTO学院
中国最大的IT实战在线教育培训平台。
向TA提问
展开全部
js禁止文本框输入用'disabled'限制。
//HTML代码
<input type="text" id="text001" value="123"/>

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

要禁止拍慧兄输入其实可以不用js都可以做到
input有个属性readonly是用来设置文本框为只读的
只需要添加readonly='readonly'
就可以不让袭袭文本框输入文字碧碰了
例如<input type='text' readonly='readonly'/>
匿名用户
2017-07-20
展开全部
1、disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。
示例:<input type="text" disabled="disabled" />

2、readonly 属性规定桐兄输入字段为只局贺袭读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。后台会接收到传值. readonly 属性可以防止用户对值进行修改。
readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
示例:<input type="text" readonly="readonly">
3、readonly unselectable="on" 该属性跟disable类似,input 元素,不可编辑,不可复制,不可选择,不能接收焦点,设置后文字的颜色也拍悄会变成灰色,但是后台可以接收到传值。
示例:<input type="text" readonly unselectable="on" >
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
scott
推荐于2017-09-08 · 知道合伙人互联网行家
scott
知道合伙人互联网行家
采纳数:150 获赞数:3883
前端开发行业多年从业经验,专业前端开发工程师

向TA提问 私信TA
展开全部

禁孝贺止文本框输入有以下两种方法:

1,设弊慎含置input为只读状态,代码如下:

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

2,设置input为不用状态,代码如下:

<input disabled="disabled" value="test2"/>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2011-10-13
展开全部
readonly 属性规定输入字段为只读。好禅碧友举

只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一袭乱个复选框)。然后,需要使用 JavaScript 消除 readonly 值,将输入字段切换到可编辑状态。

readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。

实例
带有两个文本字段和一个提交按钮的 HTML 表单:

<form action="form_action.asp" method="get">
Name:<input type="text" name="email" />
Country:<input type="text" name="country" value="China" readonly="readonly" />
<input type="submit" value="Submit" />
</form>

简单解释:
你定义了value的值之后,再加上readonly,焦点就不能输入了....

参考资料: http://www.w3school.com.cn/tags/att_input_readonly.asp

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
cabence
2017-06-28 · 超过17用户采纳过TA的回答
知道答主
回答量:47
采纳率:84%
帮助的人:8.8万
展开全部
<!--三种方案都可以!-->野绝
<input type="text" name="自定义" 明脊消readonly="readonly" />
<input type="text" name="自定义" disabled="disabled" /> 激知
<input type="text" name="自定义" autocomplete="off" id="number"/>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(6)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式