Javascript 如何创建一个表单，在单击时输入中的文本消失？（适用于进料燃烧器形式）

我有以下“通过电子邮件订阅”表格：

输入电子邮件：

我想将“输入电子邮件”部分移到表单部件中。因此，当用户单击它时，文本将消失

有人能帮我怎么做吗？

<input type="text" name="email" onclick="this.value='';" value="enter e-mail" />

未经测试，但应能正常工作

---

未经测试，但应能正常工作

以下代码将执行您想要的操作，但一旦输入，还会维护一封电子邮件

HTML

<input id="email" type="text" style="width:140px" name="email" value="enter e-mail"/>

JavaScript

<script type="text/javascript">
 var emailfield = document.getElementById('email');
 emailfield.onfocus = function(){
  if (this.value == 'enter e-mail') this.value = '';
 }
 emailfield.onblur= function(){
  if (this.value == '') this.value = 'enter e-mail';
 }
</script>

var emailfield=document.getElementById（'email'）；
emailfield.onfocus=函数（）{
如果（this.value==“输入电子邮件”）this.value=''；
}
emailfield.onblur=function（）{
如果（this.value=''）this.value='输入电子邮件'；
}

---

实时示例：

以下代码将执行您想要的操作，但输入后还会维护一封电子邮件

HTML

<input id="email" type="text" style="width:140px" name="email" value="enter e-mail"/>

JavaScript

<script type="text/javascript">
 var emailfield = document.getElementById('email');
 emailfield.onfocus = function(){
  if (this.value == 'enter e-mail') this.value = '';
 }
 emailfield.onblur= function(){
  if (this.value == '') this.value = 'enter e-mail';
 }
</script>

var emailfield=document.getElementById（'email'）；
emailfield.onfocus=函数（）{
如果（this.value==“输入电子邮件”）this.value=''；
}
emailfield.onblur=function（）{
如果（this.value=''）this.value='输入电子邮件'；
}

---

活生生的例子：

这几乎奏效了。加载页面时，表单为空。如果我点击它一次，然后点击离开-它会创建文本…@Tal，忘记在HTML中添加value属性。。答案更新了。对我来说仍然不起作用。脾气暴躁的解决方案确实起到了作用。@Tal，不确定什么不起作用。。。你检查过这个例子了吗？请记住，ApoY2k和Grumpy的解决方案没有考虑使用tab键选择电子邮件输入框的用户。嗨，Gaby，谢谢你的努力。我不知道为什么它不起作用，我试过各种方法。这可能是因为WordPress的行为方式（我正在使用文本小部件中的代码）。我以任何方式投票支持你：）干杯，这几乎成功了。加载页面时，表单为空。如果我点击它一次，然后点击离开-它会创建文本…@Tal，忘记在HTML中添加value属性。。答案更新了。对我来说仍然不起作用。脾气暴躁的解决方案确实起到了作用。@Tal，不确定什么不起作用。。。你检查过这个例子了吗？请记住，ApoY2k和Grumpy的解决方案没有考虑使用tab键选择电子邮件输入框的用户。嗨，Gaby，谢谢你的努力。我不知道为什么它不起作用，我试过各种方法。这可能是因为WordPress的行为方式（我正在使用文本小部件中的代码）。我以任何方式投票支持你：）干杯，Talthis将通过每次单击清除你的电子邮件字段修改为此此此将通过每次单击清除你的电子邮件字段修改为此