HTML 5 placeholder 属性

示例

<input type="text" class="form-control" id="keywords" name="keywords" placeholder="建议通过程序自动获取">

此时，没有value属性，在表单显示的时候，input文本框里会提示placeholder属性的值“建议通过程序自动获取”。

<input type="text" class="form-control" id="keywords" name="keywords" value="" placeholder="建议通过程序自动获取">

此时的value属性值为空，文本框里仍然会提示“建议通过程序自动获取”。

<input type="text" class="form-control" id="keywords" name="keywords" value="HTML" placeholder="建议通过程序自动获取">

这个时候，value属性的值为“HTML”，文本框里会显示“HTML”，placeholder里的值不会被显示。

总结

• 在没有value属性或者value属性的值为空的情况下，placeholder的值会被显示；
• 当value有值的时候，文本框里会显示value的值，而placeholder的值则不会被显示；
• placeholder的值不会被提交。