【排障笔记本】HTML中让表单input不可编辑的方法
  

伊利丹·怒风 461

{{ttag.title}}
一、问题描述(必填项)-

HTML中让表单input不可编辑的方法,有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改。

二、告警信息(非必填项)-


三、处理过程(必填项)-

让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改。

四、根因(非必填项)-

五、解决方案(必填项)-

     input不可编辑,方法1: onfocus=this.blur() 当鼠标放不上就离开焦点

input不可编辑

  <input type="text" name="input1" value="中国" onfocus=this.blur()>

input不可编辑,方法2:readonly

input不可编辑

  <input type="text" name="input1" value="中国" readonly>

  <input type="text" name="input1" value="中国" readonly="true">

方法3: disabled

input不可编辑

  <input type="text" name="input1" value="中国" disabled="true">

完整的例子:

input不可编辑

  <input name="ly_qq" type="text" tabindex="2" value="123456789" disabled="true" readOnly="true" />

  disabled="true" 此处文字会变成灰色,input不可编辑。

  readOnly="true" 文字不会变色,也是不可编辑的

css屏蔽输入:<input style="ime-mode: disabled">

  令input不可编辑有两种方法第一:disabled="disabled"这样定义之后被禁用的 input 元素既不可用,也不可点击。第二:readonly="readonly" 只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。
六、建议与总结(非必填项)

打赏鼓励作者,期待更多好文!

打赏
暂无人打赏

yim 发表于 2021-2-14 21:45
  
易逝的信仰 发表于 2021-2-16 18:25
  
有助于工作。谢谢分享!!!
易逝的信仰 发表于 2021-4-29 14:35
  

感谢分享,有助于工作,学习学习
发表新帖
热门标签
全部标签>
每日一问
技术盲盒
干货满满
技术笔记
标准化排查
新版本体验
产品连连看
技术晨报
GIF动图学习
安装部署配置
功能体验
技术咨询
信服课堂视频
玩转零信任
用户认证
自助服务平台操作指引
运维工具
2023技术争霸赛专题
答题自测
解决方案
VPN 对接
专家分享
社区帮助指南
通用技术
秒懂零信任
每周精选
畅聊IT
专家问答
技术圆桌
在线直播
MVP
网络基础知识
升级
安全攻防
上网策略
测试报告
日志审计
问题分析处理
流量管理
每日一记
云计算知识
原创分享
sangfor周刊
项目案例
SANGFOR资讯
技术顾问
信服故事
SDP百科
功能咨询
终端接入
授权
设备维护
资源访问
地址转换
虚拟机
存储
迁移
加速技术
排障笔记本
产品预警公告
信服圈儿
S豆商城资讯
技术争霸赛
「智能机器人」
追光者计划
深信服技术支持平台
答题榜单公布
纪元平台
卧龙计划
华北区拉练
天逸直播
以战代练
山东区技术晨报
文档捉虫活动
齐鲁TV
华北区交付直播

本版版主

461
244
13

发帖

粉丝

关注

本版达人

feeling

本周分享达人

新手29676...

本周提问达人