用JavaScript解决Placeholder的IE8兼容问题

发布于：2020-10-17 09:54:26

placeholder属性是HTML5新添加的属性，当input或者textarea设置了该属性后，该值的内容将作为灰色提示显示在文本框中，当文本框获得焦点时，提示文字消失，placeholder可作为输入框的提示文案

如图：

placeholder是常用的属性，它使得input框内有很友好的提示效果。高版本浏览器都支持placeholder属性，但IE9以下版本的浏览器并不支持这一属性。这里用JavaScript实现添加对浏览器的兼容处理。

方案一：jquery实现

（当浏览器不支持placeholder属性时，克隆一个和界面相同的input框，将placeholder的值设置为其value值，覆盖在界面input框所在位置，并将界面上的input隐藏掉）

 调用方法： $(#selector).placeholder();(selector泛指css 的 id选择器)

（这里有一个问题，当文本框type=password时，引用此placeholder方案会使暗文密码变成明文密码）

https://www.cnblogs.com/meggie523/p/5067774.html