Javascript 使用jQuery将输入标题显示为值（包括JSFIDLE）

我正在尝试提出一个简单的jquery输入水印函数。基本上，如果输入字段没有值，则显示其标题

我提出了必要的jquery，将输入的值指定为其标题，但它不会显示在页面上，就好像它是手工编码到表单中的值一样

当页面加载到输入字段中供用户查看时，如何使其显示值

这是小提琴：

---

使用下面的代码行。您需要指定输入元素，并更新其值。因为您的输入字段有一个名为“.wmk”的类，所以我使用下面的代码。您可以使用“id”并使用“#”代替“.”。阅读有关选择器的更多信息，请访问

更新的JSFIDLE

更新：由于您正在.wmk上使用“each”，因此可以使用

 $(this).val(value)

---

使用下面的代码行。您需要指定输入元素，并更新其值。因为您的输入字段有一个名为“.wmk”的类，所以我使用下面的代码。您可以使用“id”并使用“#”代替“.”。阅读有关选择器的更多信息，请访问

更新的JSFIDLE

更新：由于您正在.wmk上使用“each”，因此可以使用

 $(this).val(value)

---

您是否考虑过使用现成的烘焙版本，而不是自己编写？这并不完全是您所要求的，但它们具有您可能喜欢的附加功能（例如，其行为类似于普通占位符，在您开始键入时自动隐藏占位符）

---

http://archive.plugins.jquery.com/project/input-placeholder

您是否考虑过使用现成的烘焙版本，而不是自己编写？这并不完全是您所要求的，但它们具有您可能喜欢的附加功能（例如，其行为类似于普通占位符，在您开始键入时自动隐藏占位符）

---

http://archive.plugins.jquery.com/project/input-placeholder我想你想要的是：

$(document).ready(function() {

    $(".wmk").each(function(){
    var value = $(this).val();
    var title = $(this).attr("title");

    if (value == '') {
        $(this).val(title);
    }

    $(".result").text(value);

    });

});

---

我想你想要的是：

$(document).ready(function() {

    $(".wmk").each(function(){
    var value = $(this).val();
    var title = $(this).attr("title");

    if (value == '') {
        $(this).val(title);
    }

    $(".result").text(value);

    });

});

---

也许你想要下面这样的东西

---

也许你想要下面这样的东西

---

工作起来很有魅力！非常感谢。我更新了代码以使用“$（this）”，因为您正在使用类“.wmk”循环输入元素！非常感谢。我将代码更新为使用“$（this）”，因为您正在使用class.wmk循环输入元素。即使有指向小提琴的链接，您也应该将相关代码粘贴到问题中。即使有指向小提琴的链接，你应该将相关代码粘贴到你的问题中。似乎我找到的每个人都说它们不适用于所有浏览器。通常他们说HTML5占位符属性只适用于某些浏览器。第一个链接带有这一警告，但jQuery解决方案适用于所有浏览器。实际上，只有特定于浏览器的jQuery插件具有这一名称，因为它们启用了浏览器所不具备的功能，并不是因为它们在某些浏览器中不起作用。似乎我发现的每个浏览器都说它们在所有浏览器中都不起作用。通常他们说HTML5占位符属性只在某些浏览器中起作用。第一个链接带有这一警告，但jQuery解决方案适用于所有浏览器。实际上，只有特定于浏览器的jQuery插件具有这一名称，因为它们启用了浏览器不具备的功能，而不是因为它们在某些浏览器中不起作用。

$(document).ready(function() {

    $(".wmk").each (function () {
        if (this.value == '') this.value = this.title;
    });

    $(".wmk").focus(
        function () {
            if (this.value == this.title) this.value = '';
        }
    ).blur(
        function () {
            if (this.value == '') this.value = this.title;
        }
    );

}); // end doc ready