xiuxiu567
那那哥
2017-11-24 00:49
采纳率: 79.5%
浏览 1.6k
已采纳

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条回答 默认 最新

  • xiuxiu567
    那那哥 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效果

    点赞 评论
  • qq_15270921

    不是很明白，能不能贴个图？为什么要点击Pass获取值？？

    点赞 评论
  • en_joker
    孤芳不自賞 2017-11-24 01:19

    为什么要设置两个输入密码框？

    点赞 评论
  • qq_37524684
    子幽 2017-11-24 01:20

    opacity为0有你也看不到啊，用js吧，给它一点闪烁的时间

    点赞 评论
提交

相关推荐

  • input标签关于透明度的问题
    2017-11-24 00:49
    回答 4 已采纳 ``` ``` 因为用password会出问题，所以用text模仿password效果
  • input标签一次删除一个字符串问题
    2015-06-19 05:22
    回答 2 已采纳 JavaScript可以获得光标位置，然后你根据这个位置判断在哪个名字处，在做下一步处理 http://www.oschina.net/code/snippet_4873_3394
  • 关于HTML中input标签checkbox类型的疑问 html5
    2016-02-10 12:16
    回答 1 已采纳 foreach($select as $key =&gt; $value) 这里key是下标，从0开始，value是select中下标对应的元素值，为什么从1开始，这个要看post的element为
  • input标签的value属性的问题
    2016-06-16 02:09
    回答 6 已采纳 这个就是普通的el表达式，跟什么springmvc，struts2没一毛钱关系。 el表达式或有四个查询方位，和struts的ognl是差不多的，但这个是servlet容器的上下文， 而ognl是
  • html的input标签怎么会有闭合标签？ bootstraphtml5
    2016-02-05 05:57
    回答 4 已采纳 本来就是支持的。 ``` 在 HTML 中， 标签没有结束标签。 在 XHTML 中， 标签必须被正确地关闭。 ``` http://www.w3school.com.cn/tags/ta
  • 后台获取input标签中的属性值，该怎么获取 java
    2015-07-14 01:36
    回答 8 已采纳 楼主用get请求把想要获取的值通过URL带参数的形式传过去，后台就可以取的到。无法比较是什么意思？ 另外，request.getParameter("sendBtn")=="创建问卷"不应该这么
  • 手机端input标签无法输入
    2016-10-30 04:19
    回答 2 已采纳 在手机端的时候英语四六级无准考证查询这几个字div太高了，把下面的input输入框挡住了，所以没法输入。你可以用F12审查一下，有一个div覆盖在上面了。
  • 如何让Bootstrap的input框变成透明色? css
    2016-01-22 16:14
    回答 3 已采纳 在css中添加如下代码（ie 火狐 opera） filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
  • unitu3d ngui实战教程
    2018-06-10 21:08
    4.2.1 透明度动画的介绍和应用 4.2.2 使用透明度动画TweenAlpha 4.2.3 使用透明度动画的注意点 4.3 颜色变化动画（变色动画） 4.3.1 变色动画的介绍和应用 4.3.2 使用颜色动画TweenColor 4.3.3 使用颜色动画的注意点...
  • Unity 3D NGUI实战教程(完整版)
    2018-04-18 14:56
    4.2.1 透明度动画的介绍和应用 4.2.2 使用透明度动画TweenAlpha 4.2.3 使用透明度动画的注意点 4.3 颜色变化动画（变色动画） 4.3.1 变色动画的介绍和应用 4.3.2 使用颜色动画TweenColor 4.3.3 使用颜色动画的注意点...
  • Unity 3D NGUI实战教程(80M完整版)
    2016-09-09 09:47
    4.2.1 透明度动画的介绍和应用 4.2.2 使用透明度动画TweenAlpha 4.2.3 使用透明度动画的注意点 4.3 颜色变化动画（变色动画） 4.3.1 变色动画的介绍和应用 4.3.2 使用颜色动画TweenColor 4.3.3 使用颜色动画的注意点...
  • ExtAspNet v2.2.1 （2009-4-1） 值得一看
    2010-04-01 09:41
    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题，这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...
  • ExtAspNet_v2.3.2_dll
    2010-09-29 14:37
    -修正了使用IFrameUrl的Tab在切换过程中会重复加载的问题，这是一个在v2.1.6引入的问题(feedback:eroach)。 -修正了启用AutoPostBack的Grid，其RowClick会覆盖LinkButtonField, HyperLinkField, CheckBoxField的...
  • html中如何让使用js让input标签里的信息变为不可更改状态 csshtml5javascript
    2017-05-06 12:08
    回答 1 已采纳 ``` ```
  • 关于input file控件实现文件上传 ajaxc#jquery
    2017-05-07 11:16
    回答 8 已采纳 ajax需要结合html5的FormData或者canvas将图片转为base64字符串才能上传文件，要不单ajax上传不了文件的。 可以使用jquery.form.js插件，支持FormDat