青岛网站建设新闻资讯

禁止input文本框输入文字的四种方法

时间:2022-11-17 已阅读:3653次 | 作者:青岛网站建设

首页>新闻资讯>建站知识
禁止input文本框输入文字的四种方法,今天给大家来分享一下。

1.设置input为只读状态,代码如下:

<input type="text" readonly="readonly" value="只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。">

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

<input type="text" disabled="disabled" value="被禁用的 input 元素既不可用,也不可点击">

3.设置为可操作,但不能输入,代码如下:

<input type="text"  maxlength="0" value="maxlength属性:规定输入字段的最大长度">

 4.onfocus="this.blur();"onfocuse是聚焦的意思,当你把光标放在文本框上输入的时候,就是聚焦,但这里添加了"this.blur()",blur的作用就是去除聚焦,也就是你不能把光标放在这个文本框上,换句话说就是你不能输入文本了

<input type="text" onfocus="this.blur();" value="青华互联">

二维码
扫描二维码手机查看该文章

文章引用:https://www.qinghuahulian.com/news/webzhishi/1344.html

相关资讯

Copyright © 2011-2024 青华互联-青岛青华锐思网络科技有限公司 www.qinghuahulian.com All Rights Reserved
鲁公网安备37020202000800号 鲁ICP备14020555号-4 网站地图 百度地图