打開一個那邊發過來的頁面，里面全是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();}})}

        <input placeholder="密碼：" class="input-item" type="password" id="password"  name="password" value="" required />

　　

轉載于:https://www.cnblogs.com/frostbelt/archive/2012/08/16/2641450.html

總結

以上是生活随笔為你收集整理的placeholder的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。