表单input增强用户体验(label和placeholder)
placeholder
好像是一个会用上瘾的属性,比如说本站的搜索框,请输入关键词用的就是placeholder
,它比value
要好用许多,当输入为空时出现,有输入时消失,value
的用户体验就糟糕透了。
当然,这是HTML5的新属性,所以可能又会在IE6碰壁(大概) 扩展阅读:http://www.w3school.com.cn/html5/att_input_placeholder.asp
而label则把文字和input
关联了起来,比如
1<label>保留文件名:<input type="checkbox" name="file_name" value="yes"></label>
2
那么即使是点击文字,也会选中checkbox
,比起文字孤立来更好
具体应用于相对路径生成器
这里我用的是label
的隐形写法,它还有显性写法,见扩展阅读。
扩展阅读:
- http://www.w3school.com.cn/tags/tag_label.asp HTML的
label
属性 - http://www.w3school.com.cn/html5/tag_label.asp HTML5中的
label
属性
评论 (0)