表单input增强用户体验（label和placeholder）

placeholder好像是一个会用上瘾的属性，比如说本站的搜索框，请输入关键词用的就是placeholder，它比value要好用许多，当输入为空时出现，有输入时消失，value的用户体验就糟糕透了。

当然，这是HTML5的新属性，所以可能又会在IE6碰壁（大概）
扩展阅读：http://www.w3school.com.cn/html5/att_input_placeholder.asp

而label则把文字和input关联了起来，比如

<label>保留文件名：<input type="checkbox" name="file_name" value="yes"></label>

那么即使是点击文字，也会选中checkbox，比起文字孤立来更好
具体应用于相对路径生成器

这里我用的是label的隐形写法，它还有显性写法，见扩展阅读。

扩展阅读：

1. http://www.w3school.com.cn/tags/tag_label.asp HTML的label属性
2. http://www.w3school.com.cn/html5/tag_label.asp HTML5中的label属性