网站表单如何设计好？

1、尽量让表单一目了然用户浏览网站的时候，通常会快速扫视来获取信息，看看网站内容和设计是否对他们的胃口或者符合需求，再决定要如何应对、交互。表单也是一样的道理。一目了然的表单能让用户立刻知道他们需要填写多少信息，以及如何提交表单。更多平面设计知识，请咨询华南平面设计学校。

2、考虑使用浮动的提示文本对于是否要在表单的输入框中加入提示文本有很多争论，其中主要的争论围绕在一点上：当用户点击输入框，光标出现准备输入的时候，其中的提示文本并没有自动消失，而需要手动删除之后再才能输入。这就非常尴尬了。

3、使用表单格式掩码格式掩码能够提醒用户输入的内容的格式，字段的长短大小，对于表单的可用性有明显提升。在用户激活输入框的时候，格式掩码会出现，它会帮助用户格式化输入信息，避免提交的时候出错。格式掩码常见于数字输入的时候。

4、把表单设计得易于输入你无法确知用户使用的是手机还是电脑在浏览你的网页，输入你的表单，但是它应该对于各种输入设备都足够友好才行。考虑到你的表单可能会是不同类型的键盘输入的，所以你应该根据表单字段属性和检测到的键盘类型，进行适配。

5、选择垂直单列布局对于用户而言，垂直单列的布局比起多列的布局更容易使用。当用户浏览的时候，只需要向下浏览即可，不用来回翻看，也可以很好的避免填写过程中的遗漏。

6、控制输入内容尽量使用浏览器的记忆功能和Cookie，调用数据将表单中常见的字段预先填充进去。没有什么比打开表单其中的多数字段已经自动填写进去，更让人兴奋的了。

7、让表单短而美当你设计表单的时候，总想从用户那儿尽可能多的获取信息，一定要克制住这个冲动!只在表单中呈现重要信息，让用户尽可能少的填写。如果稍后需要提供更多的信息，可以在其他的地方诸如电子邮件中向用户获取信息。当用户已经完成注册之后，你们后续推送信息、相互沟通、获取信息的机会更多了。尽量只保留必要的字段供用户填写，不要提供冗余的选项，让表单小而美。

怎样将InfoPath设计的表单放到网站上用？

首先，在SharePoint Designer中打开某个列表的概览界面点击List Settings里面的Design Forms in InfoPath此时，Infopath会被打开，并且自动产生一张表单，如下我们先不要任何修改，直接发布此时，再去新建项目的话，就会使用该表单好吧，你可能觉得不是很明显的，那么我们可以去调整那个表单设计好了。在浏览器中，点击下面的“自定义表单”也是可以打开Infopath的再次发布一下吧我们还可以做更多事情，例如我们希望当用户没有选择Existing Product的时候，下面那个Alternatives控件不能编写内容。

动态网站中表格布局和DIVCSS布局哪种方法更适合？

div+css布局好，现在主流的网站均采用此种方法布局。

1、div+css和表格相比较，其优点是其布局定位简单，表格布局需要使用文字做内容，当想修改部分内容就要改动整个表格甚至真个界面，不利于后期的维护和前期的开发。

2、div+css提升了网页访问速度，div+css布局较传统的Table布局比较，减少了许多代码，其浏览访问速度自然得以提升，从而提升了网站的用户体验度。

3、div+css有利于优化。采用div-css布局的网站对于搜索引擎很是友好，简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。

网页制作表单行距怎么设置？

1、CSS法

可以在标签中设置margin属性，即：style="margin:5px 0 5px 0;"（顺序：上、右、下左，亦可简写为style="margin: 5px 0;"），这段CSS的作用是在当前表格外部的上下各留出5px的空白。

2、空对象法

1）空行。还可以在表格后敲回车换行，产生<p></p>标签，或者按Shift+回车软换行，产生</br>标签，都可产生一个空行。

（2）空表格。插入一个1行1列的表格，设置单元格的宽度、高度，在单元格中不输入内容。当单元格高度小于12px时，一定要将空格符 删掉，否则达不到设定高度，这一点非常重要。即：

<table width="100% " border="0" csllapacing="0" csllapacing="0" >

<tr>

<td height="5"></td>

</tr>

</table>

（3）空DIV。类似于空表格，插入一个DIV，设置其宽度、高度，超出隐藏即可。

3、透明图片法<可以在PS中新建一个5x5px的画布，背景设为透明，保存为透明GIF图片，然后在需要留间距的表格后面插入这个透明图片，将其宽度、高度可以任意调整，直到满意为直。