IE10以下的浏览器不支持表单的placeholder属性。如果你的IE是10以下的版本,那么你用这个属性的时候,在360浏览器兼容模式下也是不会显示默认提示文字的。
如果页面中有少量的表单就用解决方法1:JS解决:
<input name="keywords" id="keywords" type="text" value="请输入关键词" onfocus="if(this.value=='请输入关键词'){this.value='';}" onblur="if(this.value==''){this.value='请输入关键词';}" />
如果页面中有大量的表单就用解决方案2:Placeholder.js来解决
去网上下载一个placeholder.js文件,然后引入使用即可。
<script type="text/javascript" src="js/placeholder.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[placeholder], textarea[placeholder]').each(function(){$(this).is('input')?$(this).iePlaceholder():$(this).iePlaceholder({onInput: false});});
});
</script>
这样就可以兼容IE10以下的浏览器啦。当其它浏览器切换到兼容性模式时,输入框中的默认提示文字也依然存在的。