打开一个那边发过来的页面,里面全是placeholder。没见过,一时气愤全部ko,用传统的方法都能搞定的东西,为啥要标新立异!
后来发现如果想在input password里显示个把汉字,还真是不容易,总不能让我加个absolute的label吧。于是乎又想起了之前的placeholder,在手机端的页面,还是蛮支持的,拿来用用,也好。。。
解决问题:
input的占位符,不必再自己写提示文字以及focus blur的判定语句
效果:
代码:
//检测是否支持place-holderfunction placeHolderSupport(){return "placeholder" in document.createElement("input");}if(!placeHolderSupport()){$(document.body).addClass("unsupport_placeholder");$(".input-item").focus(function(){$(this).parent().find("label").hide(); }).blur(function(){var el = $(this),val = el.val();console.log("dd",val);if(val.length == 0){el.parent().find("label").show();}})}