为了账号安全,请及时绑定邮箱和手机立即绑定

用label定位控制输入框提示语,但是点击文字无法进入输入状态,怎么处理啊????

用label定位控制输入框提示语,但是点击文字无法进入输入状态,怎么处理啊????

就酱ba 2016-06-06 13:55:50
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body><div style="position: fixed;left: 50%;top: 50%;margin-left: -150px;margin-top: -150px; width:300px;height:300px;background:#eee;">    <div  style="position: relative; width: 173px; ">    <label for="" id="ipt" style="position: absolute;left: 5px;top: 0;color: #999; ">请输入用户名</label>    <input type="text" id="uname" name="uname" style="z-index: 1;" onFocus="hide()" onBlur="show()"/>    </div></div><script type="text/javascript">    function hide() {     var ipt=document.getElementById("ipt");     ipt.style.display="none";    }    function show() {     var ipt=document.getElementById("ipt");     var name=document.getElementById("uname");     if(name.value.length>0){     ipt.style.display="none";     }     else{     ipt.style.display="block";    }    }</script></body></html>
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 1834 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信