HTML输入字段提示

Question

我想向用户提供他需要输入我的文本字段的提示.但是,当我设置值时,一旦用户单击文本字段,它就不会消失.你怎么能让它消失？

<form action="input_password.htm">
  <p>Username:<br><input name="Username" value="Enter username.." type="text" size="20" maxlength="20"></p>
</form>

Answer 1

用一点javascript

<input value="Enter username.." onfocus="if (this.value == 'Enter username..') this.value=''" ... />

HTML5有一个很好的属性,称为占位符

<input placeholder="Enter username.." ... />

但旧版浏览器不支持以上版本.

Answer 2

您需要onFocus通过Javascript 将事件附加到输入字段:

<input type="text" onfocus="this.value=''" value="..." ... />

Answer 3

给出提示的最佳方法是占位符,如下所示:

<input.... placeholder="hint".../>

Answer 4

我认为对于您的情况,您的html输入简单易用,您可以添加属性标题

<input name="Username" value="Enter username.." type="text" size="20" maxlength="20" title="enter username">

Answer 5

使用HTML5,您现在可以使用占位符属性,如下所示:

<form action="demo_form.asp">
  <input type="text" name="fname" placeholder="First name"><br>
  <input type="text" name="lname" placeholder="Last name"><br>
  <input type="submit" value="Submit">
</form> 

http://www.w3schools.com/tags/att_input_placeholder.asp