实验八.docx

实验八.docx

《实验八.docx》由会员分享，可在线阅读，更多相关《实验八.docx（15页珍藏版）》请在冰点文库上搜索。

实验八

班级

学号

姓名

指导老师

日期

成绩

计算机141

14416122

孙文浩

宦娟

11.11．

实验八表单

1．实验目标

1.1理解表单的概念，熟练掌握表单创建方法。

1.2掌握表单相关属性设置。

1.3掌握表单输入、多行输入、列表框等对象属性的设置。

1.4学会使用域和域标题来分组表单元素。

1.5学会设计用户登录、用户注册、网上调查问卷等类似页面。

2．实验内容

2.1使用表单和11个表单元素进行简易页面布局设计。

2.2综合运用图层、表格和表单进行页面混合布局。

2.3使用样式定义表定义图层、表单元素、表格、单元格的样式。

2.4模仿真实案例进行表单综合编程练习。

3．实验项目

3.1留言板设计——中国科学技术协会科技工作者建言。

--表单留言板设计prj_8-1_form_bbs.html-->

/*第1图层样式*/

#div1{

background-color:

#f2f9fd;

color:

##66ffff;

width:

100%;

height:

30px;

}

/*第2图层样式*/

#div2{

background-color:

#f2f9fd;

color:

##66ffff;

width:

100%;

height:

300px;

margin-top:

3px;

}

/*单元格1样式*/

.td1{

line-height:

22px;

font-size:

18px;

color:

#339966;

width:

100px;

font-weight:

bold;

}

/*单元格2样式*/

.td2{

line-height:

42px;

font-size:

18px;

color:

#339966;

width:

100px;

font-weight:

bold;

}

/*标题1样式*/

.bt1{

font-size:

30px;

font;family:

黑体;

font-weight:

bold;

text-align:

left;

width:

500;

color:

#0033cc;

}

/*标题2样式*/

.bt2{

font-size:

22px;

font-family:

黑体;

font-weight:

bold;

text-align:

left;

width:

200;

color:

#0033cc;

}

--以网上留言板块为设计案例-->

留言板

科技工作者建言