Javascript 动态改变imput type属性


Posted in Javascript onNovember 01, 2016

Javascript 动态改变imput type属性:

代码实现:

<script type="text/javascript">
  function shoppw(thebox){
    var ps = document.getElementById('ps');
    var pass = document.getElementById('pass');
    ps.removeChild(pass);
    var psImput = document.createElement("INPUT");
    
    if(pass.type == 'password'){
      psImput.type = "text";
    } else {
      psImput.type = 'password';
    }
    psImput.id = 'pass';
    psImput.name = "password";
    psImput.maxlength="15";
    ps.appendChild(psImput);
  }
</script>

HTML代码:

<td class="label"> * <label for="password" accesskey="">登录密码:</label></td>
  <td ><div id="ps"><input type="text" name="password" maxlength="15" id="pass" /></div>
   <input name="checkbox2" type="checkbox" value="true" checked="checked" id="show" onclick="shoppw(this)" />
   <label for="show" accesskey="">显示</label></td>

 可以运行时动态改变imput元素的type属性值

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
JavaScript中URL编码函数代码
Jan 11 Javascript
Javascript Web Slider 焦点图示例源码
Oct 10 Javascript
js实现索引图片切换效果
Nov 21 Javascript
Position属性之relative用法
Dec 14 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
Sep 27 Javascript
Html中 IFrame的用法及注意点
Dec 22 Javascript
vue2滚动条加载更多数据实现代码
Jan 10 Javascript
ECMAScript6--解构
Mar 30 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
Jun 17 Javascript
Vue中的数据监听和数据交互案例解析
Jul 12 Javascript
浅谈Vue响应式(数组变异方法)
May 07 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 #Javascript
javascript 内置对象及常见API详细介绍
Nov 01 #Javascript
Vue.js组件使用开发实例教程
Nov 01 #Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 #Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 #Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
Nov 01 #Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
Nov 01 #Javascript
You might like
PHPCMS的使用小结
2010/09/20 PHP
PHPMailer ThinkPHP实现自动发送邮件功能
2018/06/10 PHP
PHP支付宝当面付2.0代码
2018/12/21 PHP
php+mysql实现的无限分类方法类定义与使用示例
2020/05/27 PHP
javascript中的对象创建 实例附注释
2011/02/08 Javascript
js弹出div并显示遮罩层
2014/02/12 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
2015/10/28 Javascript
js鼠标点击图片切换效果实现代码
2015/11/19 Javascript
JQuery 传送中文乱码问题的简单解决办法
2016/05/24 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
2017/01/21 Javascript
JavaScript Date对象应用实例分享
2017/10/30 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
2019/06/10 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
Python中类的定义、继承及使用对象实例详解
2015/04/30 Python
利用Python为iOS10生成图标和截屏
2016/09/24 Python
使用Python来开发微信功能
2018/06/13 Python
在Python中使用turtle绘制多个同心圆示例
2019/11/23 Python
浅谈django channels 路由误导
2020/05/28 Python
利用python汇总统计多张Excel
2020/09/22 Python
详解css3中dispaly的Grid布局与Flex布局
2020/09/11 HTML / CSS
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
HTML5中的autofocus(自动聚焦)属性介绍
2014/04/23 HTML / CSS
Currentbody法国:健康与美容高科技产品
2020/08/16 全球购物
爬山的活动方案
2014/08/16 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
个人批评与自我批评总结
2014/10/17 职场文书
开展党的群众路线教育实践活动工作总结
2014/11/05 职场文书
学生个人总结范文
2015/02/15 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书
分析ZooKeeper分布式锁的实现
2021/06/30 Java/Android
企业开发CSS命名BEM代码规范实践
2022/02/12 HTML / CSS
不同品牌、不同型号对讲机如何互相通联
2022/02/18 无线电