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

标签 jquery css authentication autocomplete input

我是 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');
            });
        })

最佳答案

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

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

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

关于jQuery 默认/占位符输入文本和保存信息的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2649919/

相关文章:

php - 只刷新一个 HTML 表格,而不是整个页面

asp.net - 通过身份验证 - IIS 和 dotNet

java - Apache 和 J2EE 共享安全领域/登录、单点登录

jquery - 围绕底部的圆div旋转

jquery - Facebook Like 按钮在 div 中显示时移动整个页面居中

jquery - 图像 slider 中的元素符号导航

javascript - Rails 3 正确的 image_tag 转换

jquery - 复杂 css 列表的可排序列表元素故障

css - Angular2组件如何打包样式?

php - Auth::attempt 返回 true,Auth::check() 返回 false