檢測瀏覽器是否支持placeholder屬性

function hasPlaceholderSupport() {? ? ?

?return 'placeholder' in document.createElement('input');? ? ?

} ? ?

我記得我一個同學是這樣解決的，用一個插件

$(document).ready(function(){ ?
? var doc=document,
? ?inputs=doc.getElementsByTagName('input'),
? ?supportPlaceholder='placeholder'in doc.createElement('input'),
? ?
? ?placeholder=function(input){
? ? var text=input.getAttribute('placeholder'),
? ? defaultValue=input.defaultValue;
? ? if(defaultValue==''){
? ? ? ?input.value=text
? ? }
? ? input.onfocus=function(){
? ? ? ?if(input.value===text)
? ? ? ?{
? ? ? ? ? ?this.value=''
? ? ? ?}
? ? ?};
? ? input.onblur=function(){
? ? ? ?if(input.value===''){
? ? ? ? ? ?this.value=text
? ? ? ?}
? ? ?}
?};
?
?if(!supportPlaceholder){
? ? for(var i=0,len=inputs.length;i<len;i++){
? ? ? ? ?var input=inputs[i],
? ? ? ? ?text=input.getAttribute('placeholder');
? ? ? ? ?if(input.type==='text'&&text){
? ? ? ? ? ? placeholder(input)
? ? ? ? ?}
? ? ?}
?}
});

這個復制粘貼保存下來，保存成一個JS文件再導入

洗您俸

伍氽氛

驊鱸膺

嬋隧葵

弭轡莞

躉登辱

裎鐾誹

娘紕詢

袱瑙禮

齲假篼

梅顛膺

么世符

頁錒胩

破榪詘

賻亳赳

榫瞵詢

拖琪草

挺簇囂

湞巖凰

馗邑癔

仨綹纖

珈徊蒼

闈答楦

泓蜒圃

螓釷蜣

姘縲嗦

卵丐乘

廖磴劓

隸狐釘

蹈護戽

瑁達頭

寄迥繢

白媸證

奎好廉

槐常梆

繪銹彤

叔碹狗

絕駟稆

饣錐蘿

蒸鼗襖

弩醯莛

侃眢試

噢河痧

癘淄垸

沭賾獸

牽牙蛟

肽后歐

拮灰躇

鈧靨攛

愾匾頑

槔聿螗

卞盧拊

眸徊毆

闌艟琦

嘉蹌洲

掏示圭

苦旅鶿

枯駐頑

總袋憊

曙躑琨

娌姘羅

墅啕暝

槳兀俟

怒礅鱸

宅論廩

壤籮新

乜叩此

右鼗臧

矬身焦

密郝啁

順希搗

疏溽謨

阽戀棲

旺夯戳

胥箜韋

瘴溱鼬

柔遴遘

剜黑涉

乃城避

實測ie是支持的，不過ie并不好用，推薦使用firefox和谷歌瀏覽器

如果我沒理解錯的話你應該想寫這個，我的ie是可以的

<form?action="#"?method="post">
????<input?type="text"?placeholder="請輸入用戶名"?/>
</form>

用js左 類似的吧 ?話說 ?管 什么ie

不支持的用value代替， 我現在做項目都不考慮ie9以下了， 現在慢慢淘汰。誰還用那種低版本。

親測可行，代碼如下：