Question

我正在开发一个表单有一个问题我已经设置了文本框的值

<input type="text" value="First name" id="TbName">
<input type="text" value="Email" id="TbEmail">
<input type="text" value="School" id="TbSchool">

如果用户选择用于填充文本的框并且他/她没有在框中输入任何内容并选择另一个框而不是文本框的值将再次显示默认值，则我想隐藏该值。我有很多表单和很多字段，因此不可能为每个表单编写单独的代码，还有其他方法吗？

Answer 1

HTML：

 <input type="text" name="fname" placeholder="First name">
  <input type="text" name="lname" placeholder="Last name">

使用placeholder获取值

Answer 2

您可以使用 $.data() ：

执行此操作

HTML：

<input type="text" value="First name" data-default="First name" id="TbName">
<input type="text" value="Email" data-default="Email" id="TbEmail">
<input type="text" value="School" data-default="School" id="TbSchool">

JQuery的：

$('input:text').each(function(){
    $.data(this, 'default', this.value);
}).focus(function(){
    if ($.data(this, 'default') == this.value) {
        this.value = '';
    }
}).blur(function(){
    if (this.value == '') {
        this.value = $.data(this, 'default');
    }
});

参考 LIVE DEMO

如果将其留空，则html输入会在select和show上隐藏文本

2 个答案:

HTML：

JQuery的：