表单是由各独控件按照需求逻辑组合而成，将每种独立控件严格定义样式，再通过统一的定位规则将其组合。保证样式极高统一，便于开发维护和延展，提高用户可操作性，希望通过调整可提高表单的完成率，也就是终目的。样式中为了更加清楚的描述，下面会将表格的组成部分按照从属逻辑关系分为1、2、3。

1为整个表单部分；

1.表单位置宽度得按照栅格严格执行，（30+10）*（栅格规范事先确定，整站统一）

2.表单页面根据表单宽度定表单位置

1000宽度，表格部分为25格，表单左侧留5格（包含左侧标签部分），右侧留3格中间自适应(如下图)

800宽度，表格部分为20格，表单左侧留4格（包含左侧标签部分），右侧留两格，中间自适应

2为整个表单中的一级分类；

1.表单中的文字规范，字号12，行高18，段高24，（颜色等规范与整站的文字规范保持一致）；

2.单行高度为40，上下板块间距10（视实际逻辑定）；

3.对齐方式为中对齐，间距10；

4.表单高度26，长度按照实际需要，并按照栅格对齐，保证相同表单在不同页面保持一致；

5.输入框中提示文字12宋体/,#888；

6.图标需使用图标库中字体图标，若需要特殊图标，需要独立制作加入字体图标中（制作完成需内部讨论决定）；

3为表单中的独立模块（输入框，按钮、文字等）。

1.输入框，单行高度为40，为输入框框高26加上下间距7，26+7+7=40;

2.单行文字，单行高度为40，为文字行高18加上上下间距11，18+11+11=40;

多行文字（两行），高度为58，为两行字高加上上下间距11，18*2+11+11=58;

多段文字(两段，每段两行)，高度为四行字高18*4加上段高6加上上下间距各11，18*4+11+11+6=100;

以此类推

3.按钮，单行高度为40，为按钮高度26加上上下间距7,26+7+7=40;

后面也可以以此方法与前端配合制作前端表单制作规范。

湖北做网站设计的公司：网页设计中表单如何设计-湖北网站建设分享

以上就是小编分享的“网页设计中表单如何设计-湖北网站建设分享”的故事！，想要便宜建设网站的话可以选择模板建站方式，模板建站价格低，建站速度快，操作简单，可以使用我们这边网站模板自助建站平台，会用电脑就会做网站，但模板建站有局限性，网站要求一般的可以选择模板建站方式。想要了解更多“网页设计中表单如何设计-湖北网站建设分享”的信息，欢迎各位在线咨询我们！咨询电话：400-960-5068！