方法1: οnfοcus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="哈哈" οnfοcus=this.blur()>

方法2:readonly 
<input type="text" name="input1" value="哈哈" readonly> 
<input type="text" name="input1" value="哈哈" readonly="true">

方法3: disabled 
<input type="text" name="input1" value="哈哈" disabled="true">

转载于:https://www.cnblogs.com/xiaohong520789/p/9897371.html

HTML中input文本框只读不可编辑的方法相关推荐

  1. 让表单文本框只读不可编辑的方法

      有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value=& ...

  2. input文本框设置不可编辑方法和HTML5 新的 Input 类型

    input文本框设置不可编辑的3种方法: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字 ...

  3. html中input文本框的内容不符合要求时的错误提示

    方法一:后端的表单验证器,部分框架有现成的,不满足自己的需求时可自定义一个.如WTForms,点提交后才触发验证,如果有不合法的内容,会清空所有内容(包括合法的),需全部重新输入一次.用户体验不如方法 ...

  4. HTML input 文本框添加提示文字的方法

    周未休息,感觉没啥可写的,就水一篇文章吧,说一说前端 html 页面中 input 元素中在没有值的情况下,添加提示的文字,当要输入文字的时候,提示的文字消失. 关于 html input 输入框的提 ...

  5. MFC设置文本框只读/不可编辑,可复制

    选择控件拖到界面属性设置

  6. Js获取input文本框值的几种方法

    首先编写一个HTML,代码如下: <form id="form1"><table border="0"><tr><td ...

  7. java文本域不可编辑_javascript:让表单 文本框 只读,不可编辑的方法

    有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使 的内容,"中国"两个字不可以修改.实现的方式归纳一下,有如下几种. 方法1: οnfοcus=this.bl ...

  8. html中单选怎么写,Html中的文本框和单选按钮

    Html中的文本框和单选按钮用来制作页面的登录注册使用.. HtmlDemo 用户名: 密码: 确认密码: 性别: 男 女 年龄: 下面是mycss.css部分 ------------------- ...

  9. css合并两个文本框,css实现input文本框的双边框美化

    css实现input文本框的双边框美化 .input_div{width:250px; height:22px; border-style:solid; border-width:1px 0 1px ...

最新文章

  1. 大学可以学前端开发_所有开发人员在大学中应该学习的东西
  2. TensorFlow基础1(波士顿房价/鸢尾花数据集可视化)
  3. HTML5实践 -- 使用css装饰你的图片画廊 - part2
  4. Fetch -- http请求的另一种姿势
  5. input输入系统中是如何实现按键重复
  6. oracle 体系结构认识,Oracle体系结构总体认识
  7. 【NLP】Attention函数手册!
  8. Tomcat 怎么停止服务的?
  9. 国内淘宝镜像 cnpm转npm
  10. Angular 界面元素的条件渲染
  11. mrsql查询第二高的成绩_mysql-查找用户的最高分数和相关的详细信息
  12. 怎样连接mysql文件_如何连接MYSQL数据库?
  13. 武魂觉醒s系列服务器,[多线]星河斗罗——新服开荒丨高程度剧情还原丨3D坐骑丨魂环丨武魂觉醒[1.12.2]...
  14. js 负数移位运算究竟如何进行
  15. 小爱音箱mini系统故障怎么办_梦龙评机小米小爱音箱HD使用体验
  16. Python+BI爬取3000条车厘子数据,发现了这些秘密
  17. 计算机科学与技术与微电子科学与工程,微电子科学与工程专业就业前景如何 有前途吗...
  18. 【英文学术论文写作 | 笔记】第一讲 学术研究与英文学术论文写作概述
  19. discuz模板机制
  20. html页面添加动态动画小人,博客页面添加动态小人

热门文章

  1. ps 切图工具的使用
  2. Base封装(一)--我的最简MVP架构
  3. Qt 之自定义界面(QMessageBox)
  4. 论文阅读笔记: Modeling Relational Data with Graph Convolutional Networks
  5. 智能优化算法(Ga,PSO,SA)高度模块化(可直接调用)python实现
  6. Linux和PHP 开发参考消息 php博文+Linux镜像+http服务器+存储技术+框架+视频+好书+通信...
  7. 十大机器学习算法之一:线性回归
  8. ubuntu设置虚拟内存
  9. 解读阿里Q2财报:阿里云的跨周期引擎
  10. python transformers_PyTorch-Transformers:最先进的自然语言处理库(附带python代码)