Javascript 文本在单击时消失，但输入的新文本在单击时消失

嗯，我正在制作我的第一个登录页，一些不太专业的东西，我希望自己能够制作简单的网页

所以我的问题是，每当你点击文本框，文本就会消失。它应该这样做。但当用户输入文本时，单击文本框并单击返回，文本就会消失

如何使新输入的文本不消失

文本字段的当前代码：

很抱歉没有在这里发布，但我不知道如何执行代码块操作。

<input type="text" value="Enter Your First Name" id="form" onblur="if(this.value=='')this.value='Enter Your First Name';" onfocus="if(this.value=='Enter Your First Name')this.value='';" />

或者，如果您使用的是HTML5，则可以使用占位符属性：

<input type="text" placeholder="Enter Your First Name" id="form"  />

---

要使用javascript执行此操作，您只需

<input type="text" value="Enter Your First Name" 
onblur="if(this.value=='')this.value='Enter Your First Name';" 
onfocus="if(this.value=='Enter Your First Name')this.value='';" />

---

您必须使onfocus事件与onclick事件相同，例如：

onfocus="javascript: if (this.value == 'Enter Your First Name') this.value = '';"

这将导致文本字段无条件重置为空

---

在这里，您可能只需要onclick或onfocus，因为onfocus将考虑到在字段中使用制表符以及用鼠标单击它，所以我建议将代码从onclick移动到onfocus，并完全删除onclick。

从表单onclick中删除内容：

在哈姆：

= f.text_field :title, :value => 'Name', :onfocus => "if (this.value=='Name') this.value='';"

在html中：

<input id="project_title" name="project[title]" onfocus="if (this.value=='Name') this.value='';" type="text" value="Name">

复制广告粘贴代码，然后突出显示并按“ctrl+k”如果有您满意的答案，您可以通过单击答案旁边的复选框来接受。我没有为提交按钮留下值，因为它实际上会将文本“提交”放在图像按钮上。我的按钮是按钮的图像类型。真不敢相信我一直在做这些javascript，试图绕过IE，而现在有了这个简单的解决方案。。Ty:）@Travis btw，即使在javascript中，您也可以编写一个函数来大幅减少代码。oops%）foget html5 attributes placeholder=“您的数据”

onFocus="this.value=''"

= f.text_field :title, :value => 'Name', :onfocus => "if (this.value=='Name') this.value='';"

<input id="project_title" name="project[title]" onfocus="if (this.value=='Name') this.value='';" type="text" value="Name">