jQuery 默认/占位符输入文本和保存信息的问题

Question

我是 jQuery 的新手，遇到了一个烦人的问题。我有一些登录字段，当该字段为空时会填充默认文本，然后在单击时删除。

我的问题是，当用户保存了他们的用户名/密码(使用浏览器)时，如果他们返回页面，登录字段将填充用户保存的输入以及默认输入。

$('#login input.text').each(function(i, field) {            field = $(field);            if (field.val().length > 0) {                field.prev().css('display', 'none');            }            field.focus(function() {                field.prev().css('display', 'none');            }).blur(function() {                if (field.val() == '') field.prev().css('display', 'block');            });        })

Answer 1

我建议使用 html5 占位符属性。

<input type="text" placeholder="username" name="username">

Mike Taylor 编写了一个很棒的 jQuery 插件来支持尚不支持此属性的浏览器。 http://github.com/miketaylr/jQuery-html5-placeholder