javascript - 使用 jQuery 将输入 TITLE 显示为 VALUE(包括 jsfiddle)

Question

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

我已经想出了将输入值分配为标题所需的 jquery，但它不会显示在页面上，就好像它是手动编码到表单中的值一样。

当页面加载到输入字段中时，如何才能显示该值以供用户查看？

这是 fiddle :http://jsfiddle.net/mQ3sX/2/

$(document).ready(function() {

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

      if (value == '') {
        value = title;
      }

      $(".result").text(value);
      // You can see I can get something else to display the value, but it does 
      // not display in the actual input field.            
    });

});

Answer 1

您是否考虑过使用现成版本，而不是自己编写？这并不完全是您所要求的，但它们具有您可能喜欢的附加功能(例如，表现得像普通占位符一样，当您开始键入时会自动隐藏占位符)。

http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.htmlhttp://archive.plugins.jquery.com/project/input-placeholder