摘要: 前几天优化之前做过的一个用户注册页面,发现这种表单从布局到各个表单项的验证提示,重复性很强,想着可以做成一个模板,日后再有此类需求直接拿来修改一下就可以了。一、UI设计 布局:每一个表单项都由项名、项值、填写/验证提示这三部分组成,在布局上是一个三列多行的表格结构。 交互:表单初始化时显示各表单项的填写提示;表单项blur时验证该项并验证提示;表单项focus时还原该项填写提示;submit时验证所有表单项并验证提示。二、关键部分实现 布局实现:考虑到表格布局以及各表单项的垂直居中需求,用是最合适的,每行两个td,左为项名,右为项值,提示div在项值td中并且position:absol... 阅读全文
posted @ 2013-08-14 10:04 youryida 阅读(755) 评论(0) 推荐(0) 编辑