原创

html页面通过Js设置input为只读属性实现方法

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。下面本站素文宅 www.yoodb.com 为大家分享一种比较简单的方式实现html页面通过Js设置input为只读属性,仅供大家参考使用。

html页面通过Js设置input为只读属性实现方式,具体代码如下:

<!doctype html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="Author" content="www.yoodb.com">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>素文宅</title>
    <script> 
      function dclick(){ 
  var txtN = document.getElementsByTagName("input"); 
  for(i=0;i<txtN.length;i++){ 
  if(txtN[i].type="text"){ 
      txtN[i].readOnly=true; 
  } 
  } 
      } 
     </script> 
      </head>
      <body>
     <input type="text" value="www.yoodb.com"> 
     <input type="text" value="欢迎收藏"> 
     <input type="text" value="本站"> 
     <button onclick="dclick();">button</button>
   </body>
</html>

以上代码就是本站为大家分享html页面通过Js设置input为只读属性实现方式,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,欢迎收藏本站,在此感谢大家对素文宅网站的支持。

~阅读全文-人机检测~

微信公众号“Java精选”(w_z90110),专注Java技术干货分享!让你从此路人变大神!回复关键词领取资料:如Mysql、Hadoop、Dubbo、Spring Boot等,免费领取视频教程、资料文档和项目源码。微信搜索小程序“Java精选面试题”,内涵3000+道Java面试题!

涵盖:互联网那些事、算法与数据结构、SpringMVC、Spring boot、Spring Cloud、ElasticSearch、Linux、Mysql、Oracle等

评论

分享:

支付宝

微信