javascript - 输入(密码)onblur javascript 错误 Internet Explorer 7 和 8

Question

这是我输入的 javascript 内联代码

<input type="text" value="Please type username here..." onfocus="if (this.value == 'Please type username here...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Please type username here...';}" name="name1" id="username">

它适用于 mozilla、IE9 Chrome 但不适用于 IE7 和 IE8，它显示文本而不是密码(星号)或隐藏值。

Answer 1

为此行为使用placeholder 属性。这样，在支持此属性的现代浏览器中就不需要任何 JavaScript。然后，您可以使用 polyfill 使其在 IE9 和更旧的浏览器中工作。

您的 HTML 看起来像:

<input type="text" placeholder="e.g. myusername" name="username" id="username">
<input type="password" placeholder="e.g. hunter2" name="password" id="password">

我做了 a @placeholder polyfill in jQuery plugin format您可以按如下方式使用:

$('input').placeholder();

这是一个演示:http://mathiasbynens.be/demo/placeholder如您所见，它可以很好地处理 textarea 和密码输入。