html注册表格输入框包含描述


html registration form input box contains description

我想制作一个注册表单,它包含表单中的文本,并且只有当你开始键入时,文本才会从表单中消失。我找到的唯一解决方案是,当你点击框时,描述文本就会消失时,使用css。

使用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及早期版本不支持输入标记的占位符属性。

placeholder属性可以用于输入,但有些浏览器以不同的方式处理其功能,例如,当Chrome和Firefox在用户点击字符之前保持占位符文本可见时,Internet Explorer会在输入字段处于焦点状态时使其消失。

浏览器对placeholder属性的支持非常广泛,尽管如果需要考虑传统的浏览器支持,我建议使用这样一个简单的JavaScript解决方案。