那那哥 2017-11-24 00:49 采纳率: 100%
浏览 1817
已采纳

input标签关于透明度的问题

  <input type="text" id="hint_pass" maxlength="20" tabindex="-1"/>  
 <input type="text" id="pass" name="pass" maxlength="20"/>  

有两个input,id为pass的覆盖在id为hint_pass的上面,点击输入框pass获取真实值,hint_pass输出***,问题是当设置pass的透明度opacity为0时,点击输入框没有焦点闪烁怎么解决

  • 写回答

4条回答 默认 最新

  • 那那哥 2017-11-24 01:24
    关注
     <style>  
        *{margin:0;padding:0}  
        input{font:14px Monospace;height:20px;width:160px;}  
        label{display:inline-block;width:100px;height:20px;}  
        #pass{position:absolute;left:100px;top:0;opacity:0.5;}  
        form{position:relative;}  
        #hint_pass{position:absolute;left:100px;z-index:2;}  
     </style> 
    <input type="text" id="hint_pass" maxlength="20" tabindex="-1"/>  
    <input type="text" id="pass" name="pass" maxlength="20"/>  
    <script>  
        var pass=document.getElementById('pass');  
        var hint_pass=document.getElementById('hint_pass');  
        pass.onkeyup=pass.onchange=function(){
            pass.value=hint_pass.value.replace(/./g,'*');
        };  
    </script>   
    

    因为用password会出问题,所以用text模仿password效果

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 广告联盟的兜底广告是什么意思
  • ¥15 如何证明高斯噪声的包络公式
  • ¥150 寻找王者荣耀开发作者,合作或者解答
  • ¥15 乳腺癌数据集 相关矩阵 特征选择
  • ¥15 我的游戏账号被盗取,请问我该怎么做
  • ¥15 通关usb3.0.push文件,导致usb频繁断连
  • ¥15 有没有能解决微信公众号,只能实时拍照,没有选择相册上传功能,我不懂任何技术,,有没有给我发个软件就能搞定的方法
  • ¥15 Pythontxt文本可视化
  • ¥15 如何基于Ryu环境下使用scapy包进行数据包构造
  • ¥15 springboot国际化