首页 表单的密码输入框

表单的密码输入框

表单的密码输入框表单的密码输入框表单的密码输入框，默认能够显示value值，当获取焦点时，就不显示默认的value值，当失去焦点时，就又变回来原来的默认的value，并显示该文字方法: 第一种: 给这个密码输入框的 type 属性默认设置为 type=”text” ，然后当这个输入框被点击或者获取焦点时，就将这个 type=”text” 的属性改变为: type=”password” ，并将当前的 value 值设置为空; 当当前的 input 失去焦点时，就将当前的 input 的 type=”passwo...

表单的密码输入框表单的密码输入框，默认能够显示value值，当获取焦点时，就不显示默认的value值，当失去焦点时，就又变回来原来的默认的value，并显示该文字方法: 第一种: 给这个密码输入框的 type 属性默认设置为 type=”text” ，然后当这个输入框被点击或者获取焦点时，就将这个 type=”text” 的属性改变为: type=”password” ，并将当前的 value 值设置为空; 当当前的 input 失去焦点时，就将当前的 input 的 type=”password” 的值改变为 type=”text”，并将value的值设置为: value=”密码”，整个效果就有了。第二种: 再在当前的input上面多加一个input ，这个input的type属性也是 type=”text”，然后，value=”密码”，将这个input的位置绝对定位到密码输入框的同一个位置，然后将密码输入框的input设置为隐藏(最好是透明为0，让它透明。不建议使用 display:none;)，然后当这个type=”text”的input，被点击时，就display:none 掉，这里就建议用 display:none ; 然后将密码输入框的input 的透明设置为不透明。然后，当密码输入框的失去焦点时，再反过来执行之前的操作。第一种方法的js: var o_psw = document.getElementsByClass(„psw?)[0]; o_psw.onfocus = function(){ this.type = “password”; this.value = “”; } o_psw.onblur = function(){ this.type = “text”; this.value = “密码”; } 这种方法呢，在火狐、谷歌、360的极速模式、ie9都可以实现了，ie8、7、6都不行，这是因为在ie中，如果input 已经存在页面中，该input的type属性是不能修改的，因为此时的type属性时只读属性。所以，现在就只能使用第二种方法了。(可参考共享里面的:20150107-YZZ 969g 15666 通行证，这个登录页面)

                    本文档为【表单的密码输入框】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

你可能还喜欢

最新资料

资料动态

专题动态

is_601191

暂无简介~

格式：doc

大小：13KB

软件：Word

页数：2

分类：

上传时间：2018-05-26

浏览量：20

热点搜索

国家开放大学电大专科《商务英语2》2021期末试题及答案(3936号) 公园景观花池工程施工方法煎饼果子 2018新版一年级下册新版识字8-人之初 (1)课件拒绝校园欺凌初二叙事作文：生活中的小事 - 250字开链与闭链运动 ACM中央空调热能表调试规范葬经笺注版 BECKHOFF 总线产品培训现代语言学Chapter10 第二章知识表示方法会计人员配备情况统计表世界RPG装备合成-装备材料掉落表-17b[方案] 国家开放大学电大专科《商务英语2》2021期末试题及答案(3936号) 公园景观花池工程施工方法煎饼果子 2018新版一年级下册新版识字8-人之初 (1)课件拒绝校园欺凌初二叙事作文：生活中的小事 - 250字开链与闭链运动 ACM中央空调热能表调试规范葬经笺注版 BECKHOFF 总线产品培训现代语言学Chapter10 第二章知识表示方法会计人员配备情况统计表世界RPG装备合成-装备材料掉落表-17b[方案]