javascript – 单击时文本消失,但输入的新文本消失

好吧,我正在制作我的第一个登陆页面,一些不太专业的东西,我希望能够自己制作简单的网页.

所以我的问题是,无论何时单击文本框,文本都会消失.它应该是什么.但是,当用户输入文本时,单击文本框并单击它,该文本将消失.

如何才能使新输入的文本不会消失?

我目前的文本字段代码:

http://pastie.org/8366114

<input type="text" value="Enter Your First Name" id="form" 
  onblur="javascript:if(this.value=='')this.value='Enter Your First Name';" 
  onclick="javascript:if(this.value=='Enter Your First Name')this.value='';" 
  onFocus="this.value=''">
</input></br>
<input type="text" value="Enter Your Email" id="form" 
  onblur="javascript:if(this.value=='')this.value='Enter Your Email';" 
  onclick="javascript:if(this.value=='Enter Your Email')this.value='';" 
  onFocus="this.value=''">
</input></br>
<input type="text" value="Enter Your Phone Number" id="form" 
  onblur="javascript:if(this.value=='')this.value='Enter Your Phone Number';" 
  onclick="javascript:if(this.value=='Enter Your Phone Number')this.value='';" 
  onFocus="this.value=''">
</input></br>
<input type="submit" class="button" name="submit" value=""></input>

我很抱歉没有在这里发布,但我不知道怎么做代码块事情..

解决方法:

使用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='';" />

DEMO

但是你可以简单地使用html5占位符reference

>不要再使用相同的id,而是使用class.
>输入是自动关闭的(例如< br>)
>< / br>是错误的使用< br>或者< br />

这是您的代码的工作版本,我还添加了提交作为您的按钮的值

<input type="text" placeholder="Enter Your First Name" class="form"><br/>
<input type="text" placeholder="Enter Your Email" class="form"><br/>
<input type="text" placeholder="Enter Your Phone Number" class="form"><br/>
<input type="submit" class="button" name="submit" value="submit">

DEMO

上一篇:javascript – jquery hover – 如果游标没有重新悬停在元素上,则在延迟后隐藏


下一篇:css3实现常用效果