表单网页后端制作 第1篇
有些表单是有逻辑/顺序的，比如地区的选择、出生年月与生肖/星座的对应等等。例如，在选择省份之前，市区是不可操作的，在UI上做灰度显示不可操作。除了灰度代表不可操作，透明度也可以起到同样作用，这种方式也可以运用在按钮上。
带有识别功能的输入框：
当输入有误时，尽量避免弹出框提示，可以直接对输入框设计不同的状态显示默认状态、选中状态、错误状态、成功状态。
通过以上方式设计的一组信息录入型的表单设计，如图：
表单的设计可以单独出一篇更详细的文章，还有筛选/选择器一类的表单，这里就不一一描述了。
表单网页后端制作 第2篇
填写表单主要考虑的是输入组件的规范，常见的有输入框(文本框)、选择框(下拉列表框)、单选框、复选框、日期选择器(文本框)、上传文件框。
输入框的逻辑需要考虑是否必填，输入类型，框内提示文字，框外提示文字，约束条件。
下拉列表框的逻辑需要考虑是否必选，字段值，默认值，框外提示文字。
单选框的逻辑需要考虑是否必选，字段值，默认值，框外提示文字。
具体规范同下拉列表框。
复选框的逻辑需要考虑是否必选，字段值，默认值，框外提示文字。
具体规范同下拉列表框。
日期选择框的逻辑需要考虑是否必选，字段值，默认值，框外提示文字。
注意：日期选择框组件，可以通过修改Axure默认元件库的文本框类型为日期实现，最终体现在生成的Axure原型中。
日期选择框的逻辑需要考虑是否必选，字段值，默认值，框外提示文字。
表单网页后端制作 第3篇
设计过程是很主观的，所有设计参数都取决于设计师，但是要严格按照设计规范，并且让所有设计看起来和用起来都是合适的。
全屏响应式+轻淡色背景风是目前很主流的设计，也是很保守和安全的设计。对于轻淡色的HSB色值，可参考：H:0-360；S:0-5；B:90-97，当然没有绝对大部分情况用的浅灰是最多的，如H0;S0;B93-95。
以下将依据这个设计风格做例子展示。
一个完整的后台，由菜单/导航、数据/图形展示、表格、表单、控件/组件以及弹窗等构成，我把这些称为元件。这里主要分享的是构成后台中的模块和元件设计中的细节。下面重点跟大家分享表格和表单的设计。
为了避免在设计后台时一个人在YY，请保持左跟产品沟通，右跟前端沟通，这点非常重要。或许很多朋友在接到项目的时候不知道从何做起，会在网上寻找一些相关素材，然后会看到很多很炫的风格样式，像是各种各样的数据/图形展示，各种各样的统计曲线图，还有各种各样的展示动效，真想拖到自己要设计的后台。
如果合适当然可以，然而，很多情况下，统计分析一类的图表设计，产品已经有很多现成套用的模板，你可以做的很炫，但前端不一定会按照UI效果图来制作。从技术上来说，没有前端实现不了的效果，你真的不必怀疑前端的实力。所以，保持设计跟前端的良好沟通，更能提高工作的质量和效率，并且，很多时候口头/文字描述如何展示，是淡入淡出，还是弹出等等，前端是能理解的。通常地，做动效只是产品的一种展示，而并不是产品的本身，就当自己练手做动画吧。
我们都遇到过这样头痛的问题，当列表字段太多，一屏无法完全展示，这时应该怎么做？给表格设计一个左右滑动的滚动条？如果内容真的太多并且已经确定，这也未尝不是一种办法，但是，重新设计过表格的字段或许会更好，这个时候应该跟产品好好沟通了。有以下方法：
因为每个列表的宽度是可以拖动的，我们不能决定其固定的宽度，但每一行的高度可以设置一个值，建议所有元件的高度、宽度、间距的数值参数都设置为偶数。
表单网页后端制作 第4篇
提交表单的时候主要考虑提交按钮和取消按钮的相应逻辑和规范。
提交按钮和取消按钮通常位于表单最下面。如有必要，也可以设置为相对屏幕位置固定不变。
当后端返回提交成功后，前端最好给予用户反馈，比如toast提示“保存成功”。然后跳转到相应的页面。
考虑到文件上传、网络等多种复杂情况，可以在提交后增加一个浮层“正在提交中，请稍等”，减缓用户的焦急等待感。
特殊情况下会保存刚刚的表单数据到草稿箱，下次打开该页面的时候会加载对应的数据。