IE9不支持它。我所做的尝试在IE9中创建相同的效果,编写了一个JavaScript函数来检查placehoder是否受支持。如果不是,则显示通过jQuery的表单元素字段中的文本......
/*AN HTML5 INPUT ATTRIBUTE THATS REALLY COOL*/
var placeHolderSupport = ('placeholder' in document.createElement('input'));
/*IF PLACEHOLDER IS NOT SUPPORTED...*/
if(!placeHolderSupport) {
/*GET THE ID OF EACH FORM ELEMENT*/
fname = $('#fname');
femail = $('#femail');
furl = $('#furl');
fcomment = $('#fcomment');
fsubmit = $('#sendbtn');
/*DEFINE DEFAULT VALUES FOR EACH INPUT FIELD*/
fnameval = "Your Full Name";
femailval = "Your E-mail Address - (It will not be shared!)";
furlval = "Your Web Site";
fcommentval = "Your Message";
/*ASSOCIATE THE DEFAULT VALUES TO THE FORM INPUT FIELDS*/
fname.val(fnameval);
femail.val(femailval);
furl.val(furlval);
fcomment.val(fcommentval);
/*CYCLE THROUGH EACH INPUT FIELD TO...*/
$.each([
{selector: fname, mvalue: fnameval},
{selector: femail, mvalue: femailval},
//{selector: furl, mvalue: furlval},
{selector: fcomment,mvalue: fcommentval}
],function(i, obj) {
/*...SHOW OR HIDE DEFAULT VALUES*/
obj.selector.focus(function() {
if(this.value == obj.mvalue) { this.value = ''; };
}).blur(function() {
if(!this.value) { this.value = obj.mvalue;};
});
}
这已经回答了其他地方好得多比它一直在这里:堆栈从去年11月份(HTTP://计算器.com/a/13281620/2145980) – 2013-03-10 00:14:28