首页 > placeholder

placeholder

打开一个那边发过来的页面,里面全是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();}})}
        

  

转载于:https://www.cnblogs.com/frostbelt/archive/2012/08/16/2641450.html

更多相关:

  • 1.更新User对象,设置对内的_password class User(db.Model):     __tablename__ = 'user'      _password = db.Column(db.String(200), nullable=False) #内部使用   class User(db.Model):__t...

  • 故事背景:有一天,强哥整了个动态渲染的列表代码如下 app.component.html

          //为什么不直接就用input,那是因为这样会覆盖checkbox和radio的样式,我们这里只需要清除输入框的谷歌样式 input[type="text"], input[type="password"], input[type="number"], input[type="tel"]{box-shadow:...