HTML设置调查表以及格式

HTML设置调查表以及格式

HTML文档使用表单样式以及css设置我们可以将简单的表单设置成为很漂亮的调查表或者反馈表等等。

打开HTML文件，将需要显示的内容放置在表格中，插入table标签并且给表单设置一个类，添加类名，设置行列信息，将需要的内容依次添加在表单中，预览文件我们可以看到网页中显示么没有格式的简单表格。

将标题设置格式，居中显示，设置表格占据整个页面，我们找到table中的类名，给这个类设置css样式，width设置为100%。这样整个表格就像图中显示的那样，占据整个网页，而不是在网页中的一部分显示。

因为我们将文本添加在表格中，所以图片中显示的文件靠左显示，看起来距离有些大，我们可以将左侧的单元格内容设置为靠右显示，设置左侧单元格内容靠右显示的方式如图所示。

在设置整个调查表的时候，最下方的提交和重置按钮还是靠左现实的，我们一样需要定义提交按钮居中显示，首先给提交和重置按钮定义一个类名，这样可以单独给他们设置格式。

我们需要定义文本框宽度，这样可以让文本框显示在整个网页的宽度，如图所示根据网页的宽度来设置相应的像素值，定义文本框的css样式时，可以设置type值，这样就可以单独给text类型的input设置格式。

最后我们可以定义提交按钮宽度，让他们在网页中显示的稍微大一些，设置完成后，我们可以给网页中的body设置背景色，这样整个调查表就只做完成了。用到了表单和相关的css样式。