ie8怎么用placeholder

2025-05-09 22:39:41

1、placeholder作为input的新增属性,要想让它兼容ie8,需解决以下两点:1、在ie8不支持该属性解决思路:如果浏览器不支持placeholder属性,那我们就模仿出placeholder的属性,添加在input上,然后将placeholder属性的值赋给input的value值2、input的type属性值为password时,密码是不可见的解决思路:新增一个标签,模仿placeholder的属性

ie8怎么用placeholder

3、根据第一步中的思路,对于不支持placeholder属性的浏览器,我们需要创建一个模七驿聪灬仿placeholder属性的input,然后把这个模仿的placeholder属性值赋给新建的input,所以,在html基本结构上,要添加一些内容html:<form action="#"> <div class="test-item"> <label for="userName">用户名:</label> <input class="username" id="userName" type="text" placeholder="请输入用户名"> </div> <div class="test-item"> <label for="pwd">密码:</label> <input class=" password" id="pwd" type="password" placeholder="请输入密码"> <span class="pwd-place"></span>//用于模仿placeholder </div></form>CSS:.pwd-place { position: absolute; top: 0; left: 100px; width: 100%; height: 100%; font-size: 12px; }

ie8怎么用placeholder
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢