javascript清除字段值输入

Question

我正在制作一个简单的表单,我有这个代码来清除初始值:

使用Javascript:

function clearField(input) {
    input.value = "";
};

HTML:

<input name="name" id="name" type="text" value="Name" onfocus="clearField(this);"/>

但我不想要的是,如果用户填写输入但再次点击它,它将被删除.我希望该字段仅在输入为空时才具有起始值"Name".先感谢您!

Answer 1

这是一个jQuery适用于不支持占位符属性的浏览器的解决方案.

$('[placeholder]').focus(function() {
  var input = $(this);

  if (input.val() == input.attr('placeholder')) {
    input.val('');
    input.removeClass('placeholder');
  }
}).blur(function() {
  var input = $(this);

  if (input.val() == '' || input.val() == input.attr('placeholder')) {
    input.addClass('placeholder');
    input.val(input.attr('placeholder'));
  }
}).blur();

在此处找到:http: //www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

Answer 2

喜欢

<input name="name" id="name" type="text" value="Name" 
   onblur="fillField(this,'Name');" onfocus="clearField(this,'Name');"/>

和js

function fillField(input,val) {
      if(input.value == "")
         input.value=val;
};

function clearField(input,val) {
      if(input.value == val)
         input.value="";
};

更新

这是一个相同的演示小提琴