控制input框只读可以防止用户对数据的更改,在某些情况下还是比较实用的,下面使用js来完成这个只读实现

New Document

content="">

name="Description" content="">

function isreadonly(){

var obj =

document.getElementById("username");

obj.setAttribute("readOnly",true);

obj.style.backgroundColor="#d2d2d2";

}

function readwrite(){

var

obj = document.getElementById("username");

obj.setAttribute("readOnly",false);

obj.style.backgroundColor="#ffffff";

}

id="addform" method="post" action="" >

id="username" name="username">

value="read" οnclick="isreadonly();">

value="write" οnclick="readwrite();">

js监听只读文本框_js设置input文本框只读相关推荐

  1. linux输入数字切换浏览器tab,js监听浏览器tab窗口切换

    js监听浏览器tab窗口切换 --IT唐伯虎 摘要:js监听浏览器tab窗口切换. if (document.hidden !== undefined) { document.addEventList ...

  2. Vue.js 监听属性简单实例

    Vue.js 监听属性 watch,可以通过 watch 来响应数据的变化. watch:用来监听每一个属性的变化     watch这个对象里面都是函数,函数的名称是data中的属性名称,watch ...

  3. js监听鼠标拖动事件(按住左键拖动触发,松开左键取消)

    此段代码,实现了左键点击id元素内区域后,拖动鼠标到边缘区域滚动条(内部class元素的滚动条)自动滚动,松开鼠标后取消事件 业务需要记录一下 $(function () {var div=docum ...

  4. html js按钮事件监听,JS监听事件

    对象 - JS监听事件 ¶ 作者:KK 发表日期:2016.2.21 在准备讲解后面的window对象之前,这里将话题转回来事件这里 平时咱们在一个元素里加个onclick属性,属性值写JS代码,这样 ...

  5. js监听页面或元素scroll事件,滚动到底部或顶部

    基本原理: 1.滚动到底部 元素的滚动距离 + 元素的可视距离 == 元素的滚动条总距离2.滚动到顶部 元素的滚动距离 == 0 监听页面滚动 <!DOCTYPE html> <ht ...

  6. java计算器监听放大缩小,js监听页面放大缩小

    demo body[zoom='scale']:before{ content: '您的网页处于缩放状态,请按 Ctrl+0 恢复到浏览器默认大小'; z-index: 9999; position: ...

  7. js监听audio播放完毕

    js监听audio播放完毕 <!DOCTYPE html> <html> <head><meta charset="UTF-8">& ...

  8. vue 组件属性监听_Vue.js 监听属性

    # Vue.js 监听属性 本章节,我们将为大家介绍 Vue.js 监听属性 watch,我们可以通过 watch 来响应数据的变化: ~~~ Vue 测试实例 - 菜鸟教程(runoob.com) ...

  9. 使用Node.JS监听文件夹变化

    使用Node.JS监听文件夹改变有许多应用场合,比如: 构建自动编绎工具 当源文件改变时,自动运行build过程,比如当你写CoffeeScript文件或SASS CSS文件时,保存之后可即时生成对应 ...

  10. html5中检测网络状态的方法,前端js监听浏览器网络变化

    首先,为什么要让前端判断用户的网络状态呢--为了更好的用户体验. 其次,前端能否判断网络状态?有哪些方法? 1,可以做到渐进式判断,不能做到绝对准确. 2,使用的是navigator.onLine或n ...

最新文章

  1. 成功网管员必备“硬件”素质
  2. 人工智能创意赛复选赛成绩单
  3. delphi 入门教程
  4. 关于微软研究院(谢幸、郑宇研究员主导的)“智能城市”“智能生活”研究的一个归纳...
  5. 转载收藏之用 - 微信公众平台开发教程(三):微信公众平台开发验证
  6. Run ASMX Without IIS
  7. iOS6新特征:UICollectionView介绍-非常棒 -转
  8. 计算机网络之数据链路层:10、CSMA协议-随机访问介质访问控制
  9. 华中科技大学计算机预推免2021,华中科技大学光学与电子信息学院2021年推免预报名通知...
  10. 2021 年中国开源优秀人物揭晓
  11. java 基础 泛型
  12. 在ASP.NET Web API中返回错误的最佳实践
  13. GRE Tunnel实现企业网中的***
  14. VS 2017 + EF6 + MySQL5.7 建立实体模型闪退问题
  15. 思科:多款主流信息传递应用程序易遭到会话劫持
  16. 题解(1-4)-----寒假练习赛(一)
  17. aode matlab程序,三大计算机视觉和机器学习库的算法汇总
  18. 软件测试简历上实战项目:开源项目部署--litemall商城
  19. 用Python实现黑客帝国代码雨效果
  20. 虚拟机的安装及使用介绍

热门文章

  1. 哥伦比亚大学计算机科学硕士排名,哥伦比亚大学计算机科学硕士排名第16(2020年TFE Times排名)...
  2. 智能眼镜的两种显示方式
  3. vue+element-ui之表格中如何插入图片链接
  4. 网页视频怎么录制?这两个方法操作简单,录制高清!
  5. php请求403 forbidden,403 forbidden是什么意思
  6. Python高级-前端-01-HTML和CSS
  7. 那一年,我进传销了……(作者亲身经历)
  8. VC 用发音函数Beep()播放简谱音乐
  9. 创建github或者gitee(国内版github)账户
  10. Atlassian Fisheye and Crucible 安装