你可能只需要使用一些簡單的JS和CSS並自己推出。當他們工作時使用大量的所有包含插件是非常棒的。
http://jsfiddle.net/VF8Dr/
https://stackoverflow.com/a/14246071/884862
CSS
.placeholder {
color: gray;
position: absolute;
padding-left: 10px;
}
JS
function addPlaceholder(id, text) {
var elm = document.getElementById(id);
var ph = document.createElement("SPAN");
ph.className = "placeholder";
ph.innerHTML = text;
elm.parentNode.insertBefore(ph, elm.nextSibling);
ph.style.left = elm.offsetLeft + 'px';
ph.style.top = elm.offsetTop + 'px';
ph.onclick = function() {
ph.style.display = 'none';
elm.focus();
};
elm.onfocus = function() {
if(ph.style.display != 'none')
ph.style.display = 'none';
};
elm.onblur = function() {
if(elm.value == '')
ph.style.display = '';
};
}
addPlaceholder("demo", "my text");
根據您的需求,簡單的可能是最好的。
任何你不僅僅使用['placeholder']的原因(http://diveintohtml5.info/forms.html#placeholder)+ [一個墊片](https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills)在哪裏需要? – 2013-03-11 14:33:43
@Matt Ball:因爲我需要支持IE8 – Jack 2013-03-11 14:52:15
因此「需要的地方就有墊片」。 @PeterCampbell很確定這不是同一個jQuery插件。 – 2013-03-11 15:23:36