WEB開發(fā)數(shù)據(jù)提交是必不可少的，為了更友好的用戶體驗(yàn)，通常需要給輸入框一個(gè)默認(rèn)的提示信息。HTML5技術(shù)提供了一個(gè)表單屬性placeholder專門用于輸入框默認(rèn)提示，但是在IE低版本中根本不兼容。

---

例如：

兼容placeholder屬性

*{margin:0px;padding:0px;}

.userid{position:relative;}

input{width:300px;height: 48px;}

在IE9中開始不兼容

---

那如何在IE低版本中兼容HTML表單屬性placeholder呢？

解決思路：

判斷瀏覽器是否兼容HTML表單屬性placeholder

當(dāng)瀏覽器不兼容HTML表單屬性placeholder時(shí)，在輸入框上方放一個(gè)和輸入框一模一樣的段落標(biāo)簽

。

當(dāng)段落標(biāo)簽

被點(diǎn)擊時(shí)，段落標(biāo)簽隱藏，輸入框獲得焦點(diǎn)。

當(dāng)輸入框失去焦點(diǎn)時(shí)，判斷輸入框內(nèi)容是否為空，如果沒有輸入內(nèi)容或者輸入空格，那么顯示段落標(biāo)簽，否則段落標(biāo)簽不顯示。

---

例如：

兼容placeholder屬性

在IE9中也兼容

如有遺漏歡迎評(píng)論區(qū)留言，繼續(xù)交流謝謝。

總結(jié)

以上是生活随笔為你收集整理的html表单居中_如何在IE低版本中兼容HTML5表单属性placeholder属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。