Javascript 预填充文本字段的脚本

我正在试图找到一个脚本，它可以用“填写您的电子邮件地址”这样的文本填充一个文本字段，比如optin表单的文本字段，并在单击时显示。我知道它们遍布网络，但搜索它只会返回javascript自动填充脚本，其中建议从文本字段下方的下拉列表中列出。

这是我在网站Expiringlinks.co上使用的内容。现在，如果您只想将其应用于一个输入，请将$（'input'）更改为$（'yourinputid'）。输入字段应该有一个值字段，该值字段等于前文本

var tempValue='';
    $('input').click(function(){
        tempValue = $(this).attr('value');
        $(this).attr('value','');

    });

    $('input').focusout(function(){
        if ($(this).attr('value')==''){
        $(this).attr('value',tempValue);
        }


    });

为您输入字段

<input type="text" value="Whatever you want to show before the click" />

或者，一个稍有不同的标签，它不需要标签上的ID，但需要用某种东西包装文本框/标签，例如

标签

HTML

jQuery

$(document).ready(function()
{
    $('#Email').focus(function()
    {
        $('#EmailLabel').show();
    }).blur(function()
    {
        $('#EmailLabel').hide();
    });
});

---

HTML5支持占位符文本，您可以这样使用

  <input name="email" placeholder="Enter your email address" />

---

当您单击文本字段时，这将自动消失。对于较旧的浏览器，您可以使用上述建议之一。

@您是否希望每次单击文本框时都将其清空？在框中单击，输入一些内容，单击“退出”，然后单击“返回”-它会再次将其清空-你想要还是不想要？只是核实一下：）@joe-老实说，我甚至都没想过。我认为这很好。谢谢你问我。也许对我的大脑来说是一个很好的锻炼：-）@the_访问另一个选项，只是为了好玩：）好的，我现在完成了。那太好了，肯定会很快使用它，当我的项目需要更多的细节时

$(document).ready(function()
{
    $('#Email').focus(function()
    {
        $('#EmailLabel').show();
    }).blur(function()
    {
        $('#EmailLabel').hide();
    });
});

  <input name="email" placeholder="Enter your email address" />