
2016-11-20
[Javascript]
HTML5 placeholder属性兼容IE9及以下浏览器的用法
说起HTML5,相信大家已经都不在陌生了,一些HTML5的新方法,也被越来越多的浏览器认可,极大的方便了我们这些开发人员。但是有些公司可能还沉醉在IE,6,7,8,9等早期浏览器当中不能自拔,这让一些想用HTML5开发的程序员头疼不已,毕竟兼容问题自浏览器存在以来就亘古长存了。
今天小呆想分享的是关于HTML5 placeholder属性兼容IE9及以下浏览器的用法,如果你还不会使用placeholder,可以阅读小萌之前的文章《input placeholder的用法》话不多说,上代码。
- /* 用来写兼容时的文字颜色 */
- .placeholder{
- color:#323232;
- }
- if(!_this.placeholderSupport()){
- $('[placeholder]').focus(function() {
- var input = $(this);
- if (input.val() == input.attr('placeholder')) {
- input.val('');
- input.removeClass('placeholder');
- }
- }).blur(function() {
- var input = $(this);
- if (input.val() == '' || input.val() == input.attr('placeholder')) {
- input.addClass('placeholder');
- input.val(input.attr('placeholder'));
- }
- }).blur();
- };
- function placeholderSupport(){
- return 'placeholder' in document.createElement('input'); //textarea也是支持的
- }
placeholder属性兼容IE9及以下浏览器的用法
placeholder属性兼容IE9及以下浏览器的用法
placeholder属性兼容IE9及以下浏览器的用法
placeholder属性兼容IE9及以下浏览器的用法
placeholder属性兼容IE9及以下浏览器的用法
placeholder属性兼容IE9及以下浏览器的用法

【上一篇】: HTML5中 audio标签的样式修改
【下一篇】: 没有了,已经是最新文章