留言板（响应式布局和JS使用）－蔡哲永

实现的效果：

本项目中的技术要点包含媒体查询，流式布局，事件绑定和js中标签元素获取，标签元素创建以及标签元素的外观设置。下面我们来看一下制作留言板的过程

步骤1:设置网页中显示的各个控件（body中代码）

步骤2:设置各个标签的外观样式（其中用到了流式布局－百分比布局）

步骤3:在javascript中创建提交按钮的事件（代码在body中）

注意：留言版中的内容我是通过dl（定义列表）完成中，内容分别放置在dt和dd标签中。

步骤4:在style标签中分别设置dl和dd标签的外观。

步骤5:给提交按钮关联点击事件。

步骤6:添加媒体查询，保证当界面变窄时，对于姓名，留言部分外观的一致性。

以上就是整个留言板的制作流程，如有问题请及时沟通（[email protected]）

源代码下载链接：http://pan.baidu.com/s/1c1Tdk20