实验八.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;
}
--以网上留言板块为设计案例-->