占位符文本（Placeholder text），html5里面的一个知识点！

一个空的表单可能有点吓人特别是如果你不确定,可能会在不同的输入字段。因此一些开发人员发明的概念内的示例文本字段,所以用户会知道输入。这就是我们现在所说的占位符文本。通常会有一个占位符文本浅灰色,以区别于用户的实际输入。


正如您可能已经发现了,可以设置一个占位符文本输入字段不是真正的表单验证的一部分但这是一个期待已久的功能,开发人员直到现在已经创建使用JavaScript。占位符文本显示在输入字段只要字段为空,不集中。一旦你点击字段占位符文本消失了,如果你不输入任何内容到田野占位符文本将再现一旦领域不再是重点。

使用占位符属性很简单——看看这个例子:

<form>        First name: <input type="text" name="firstname" placeholder="Jane"/> <br>Surname: <input type="text" name="surname" placeholder="Doe"/> <br><input type="submit" value="Submit now" /></form>

占位符属性实际上有相当大的支持,但是如果你通过浏览器用户使用的浏览器不支持新的html5属性没有造成了——浏览器会忽略你的占位符文本。和让你可以使用polyfill确保占位符文本显示在所有的浏览器——看看我的建议。