html注册表单输入框包含说明

Question

我想制作一个包含表单中文本的注册表单，并且只有当您开始键入时，表单中的文本才会消失。我发现的唯一解决方案是，当您单击该框时，描述文本消失时使用css。

Answer 1

使用placeholder属性。占位符在用户开始输入的第二个消失。

以下是一个使用示例：

<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">

JSFiddle

请注意，Internet Explorer 9及早期版本不支持输入标记的占位符属性。

Answer 2

placeholder属性可用于输入，但有些浏览器会以不同方式处理其功能，例如，Chrome和Firefox会保留占位符文本，直到用户点击某个字符为止，Internet Explorer会使其消失一旦输入字段处于焦点状态。

浏览器支持placeholder属性is pretty wide，但如果关注旧版浏览器支持，我建议使用简单的JavaScript解决方案such as this。