如何禁止input文本框输入

 我来答
浪小客
高粉答主

2019-05-10 · 21世纪是需要思想碰撞的
浪小客
采纳数:1 获赞数:634909

向TA提问 私信TA
展开全部

1、将readonly =“readonly”属性添加到文本框中,并将输入设置为只读。

2、之后在浏览器中预览,您可以看到文本框不可编辑。

3、还可以在文本框中输入disabled =“disabled”属性,将输入设置为未使用状态。

4、在浏览器中预览,你可以看到鼠标滑过文本框,出现一个红色圆框,显示不可用。

5、我们还可以使用按钮上的disabled =“disabled”属性使按钮变灰并且不可用。

6、可以看到按钮变为灰色,鼠标滑过红色圆圈,显示器不可用。

一骑当后
推荐于2018-02-23 · 知道合伙人数码行家
一骑当后
知道合伙人数码行家
采纳数:40298 获赞数:306435
网络、设备维护、电路、弱电检测。

向TA提问 私信TA
展开全部
  readonly表示此域的值不可修改,仅可与 type="text" 配合使用,可复制,可选择,可以接收焦点,后台会接收到传值.
  代码如下

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

  disabled表示禁用input元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值
  代码如下

  <input type="text" name="IP" disabled="disabled" />

  另外可以通过css屏蔽输入法:<input style="ime-mode: disabled">
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
潋滟了年华小店
2015-02-07
知道答主
回答量:12
采纳率:0%
帮助的人:7.5万
展开全部
readonly="readonly"
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式