html5 - 在IE8中如何解决placeholder的兼容问题?
阿神
阿神 2017-04-17 11:41:32
[HTML讨论组]

问题详情: 想实现在搜索框中开始有文字,当点击之后文字消失的效果。之前用的都是HTML5中的placeholder属性,但是在IE8中改属性用不了。

在其他地方搜索答案,都是通过js来解决的,感觉比较麻烦,有没有其他的解决办法?直接利用css hack可以解决吗?或者说<input type="text" value=" "/>采用value的方式?

阿神
阿神

闭关修行中......

全部回复(5)
天蓬老师
<input type="text" onblur="if (this.value == '') {this.value = 'Search';}" onfocus="if (this.value == 'Search') {this.value = '';}" value="Search" >

demo

阿神

用js就挺好,哪里会麻烦,有写好的插件。Placeholders.js

迷茫

在不支持placeholder的浏览器中,一是 通过onfocus() onblur()实现,二是加span标签放到input下面 这个网上有placeholder的polygon。

巴扎黑

<span>placeholder</span> <input type='text' /> 通过css就行了

迷茫

用这个就行,把js包含进去,几行代码的事,我刚刚用了可以兼容Chrome、Firefox、Safari、IE8~11,placeholder主流浏览器兼容性测试和兼容方法

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号