当我进入该字段时,如何让表单值消失？

Question

我正在制作一个包含大约八个输入字段的简单表单.我希望字段中的初始值表示人们应该输入的内容.例如value ="name",以便人们知道在那里输入名称.

我的问题是,当你进入那个字段时,你是如何让初始值消失的,这样初始值只是一个提示,而不是他们在输入名字之前必须删除的永久值？

谢谢!

Answer 1

一种更简单的方法可能是:

placeholder="Name"

Answer 2

将"默认"值设置为"名称".然后,使用javascript和'onfocus'事件清除该字段.

所以你会:

<input type="textbox" value="Name" onfocus="if (this.value=='Name') this.value='';"/>

Answer 3

这就是你应该怎么做的.

<input type="text" value="name" onfocus="this.value = this.value=='name'?'':this.value;" onblur="this.value = this.value==''?'name':this.value;">

如果他们点击它并单击关闭默认值将返回.如果他们点击它并输入内容,如果他们再次点击它,它将不会尝试删除它们放置的内容.