网页表单控件规范思维导图
本思维导图总结交互规范知识点网页表单控件规范
树图思维导图提供 网页表单控件规范思维导图 在线思维导图免费制作，点击“编辑”按钮，可对 网页表单控件规范思维导图 进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：80b3e369660cada43d8d08a5e88bca55
思维导图大纲
网页表单控件规范思维导图模板大纲
⼀、⽇期范围控件
1、位置在查询条件栏：
⽇期范围选择是⼀个整体控件，先选开始⽇期后选结束⽇期，结束⽇期选完后⾃动收起⽇期选择框，并⽣效开始查询列表数据。⽇期范围查询后可以给【全部】【⼀周】【今⽇】快捷按钮，点击即⽣效。【全部】指的是⼊院⾄今，【⼀周】指的是今⽇往前七天，前后包含。
⼆、⽇期控件/时间控件/⽇期时间控件
1、⽀持⼿动输⼊和选择。⼿动输⼊要符合⽇期时间逻辑，如不能输⼊02⽉30⽇，不能输⼊⼩时数超过0-23，不能输⼊分钟数超过0-59等。
三、⽂本框控件
1、⽂本框控件为空时，可以给提⽰信息（但控件前有标签名时，框内的“请输⼊***”这种提⽰⽂字不要，如果有特殊提⽰可以显⽰），放置在输⼊框内，浅灰⾊字体显⽰。光标进⼊输⼊框获得焦点时提⽰⾃动消失，若输⼊框失去焦点且未输⼊任何⽂字时恢复提⽰信息。
2、原则上要给出⽂本框字符长度。
3、单⾏输⼊框：
在未限制字数情况下，当输⼊⽂字⽐前输⼊框长时，最先输⼊的⽂字隐藏，光标和最后⼀个输⼊的⽂字显⽰在输⼊框尾部。
4、多⾏输⼊框：
需要有“当前已输⼊字数/最多可输⼊字数”（如：50/100）。
ps：
回车进⼊下⼀个可编辑控件，遇到下拉控件，⾃动展开，上下键切换下拉选项，回车选中并跳转到下⼀个控件。默认从左到右，从上到下。
四、图⽚
1、图⽚均带1px描边；内容图⽚未加载出来时显⽰系统默认图⽚。
2、图⽚未上传时，移⼊图⽚区域，显⽰“点击上传”⽂字，不显⽰右上⾓删除按钮。图⽚已上传时，移⼊图⽚区域，不显⽰“点击上传”⽂字，显⽰右上⾓删除按钮。
沪公网安备 31011502019485号
上海工商