Question

这是Labelify：http://www.kryogenix.org/code/browser/labelify/

基本上，它允许我在我的文本框中放置一个浅灰色文本，当它们被选中时会消失。

我只有两个问题：

我在具有此类标签的字段上使用jQuery UI Datapicker，当我点击我想要的日期时，该字段显示日期但仍为灰色（输入的文本应显示为黑色）。
对于有密码的字段，是否有办法让密码看起来像输入类型=密码，但是浅灰色标签显示为明文？当我尝试标记密码字段时，标签只显示为标签的长度，而不是明文。

谢谢！

Answer 1

使用http://www.electrictoolbox.com/jquery-toggle-between-password-text-field/提供的指南代替Labelify。它也支持密码字段。不知道日期时间字段更新：看看以下链接。你有很多选择：
http://plugins.jquery.com/project/inlineFieldLabel
Label for password field

Answer 2

我意识到这篇文章已经过时了，但是我需要Labelify来执行您提到的密码字段，所以我在if (!lookupval) { return; }代码部分之后添加了这段代码，该部分应该在第51行。

  // Crob -- I added this to add the ability for Labilify to handle password fields.
  // This creates a separate text field that just shows the value of title from the password field
  // When focus is placed on the field it is hidden and the real field is shown.  When focus is lost
  // off the real field the text field is shown if there wasn't anything typed into the real field.
if ($(this).attr("type") === "password")
{
    var newField = $('<input>').attr('type', 'text').attr('value', lookup(this).replace(/\n/g, ''))
        .addClass("ui-input-text ui-body-c")
        .data('passwordField', $(this).attr('id'))
        .attr('id', 'PassHelper-' + $(this).attr('id'))
        .focus(function () { $("#" + $(this).data('passwordField')).show().focus(); $(this).hide(); });
    $(this).blur(function ()
    {
        if ($(this).val() == "")
        { $(this).hide(); $('#PassHelper-' + $(this).attr('id')).show(); }
    });
    $(this).after(newField);
    $(this).hide();
}

使用jQuery Labelify插件

2 个答案: