长 春 大 学 2 0 1 5 — 2 0 1 6 学年第 二 学期 W e b 前端开发技术 课程实 验 报 告学 院: 计算机科学技术 专 业: 软件工程 班 级: 软件 14 4 02 学 号: 0 41 44 0 2 1 0 姓 名: 王 悦 任课老师: 车 娜 实验五 H T ML 表单一、实验目得1、理解表单得构成,可以快速创建表单
2、掌握表单相关标记,能够创建具有相应功能得表单控件
3、掌握表单样式得控制,能够美化表单界面
二、内容及要求使用表单控件,并通过C SS 控制表单样式制作一个学员档案,其效果如图 6—1 所示,满足以下要求:1、学员档案上面得标题与下面得表单两部分构成
2、标题部分通过标题标记定义
3、表单部分通过相关得表单控件进行定义图 6-1 “学员档案"CSS 样式效果三、实验原理表单:就是网页上用于输入信息得区域,它得主要功能就是收集用户信息,并将这些信息传递给后台服务器,实现网页与用户得沟通
表单由表单控件、提示信息与表单域构成
创建表单:</f o rm>标记被用于创建一个表单,actio n、met h od、name 为表单标记得常用属性
ac t ion 属性用于指定接收并处理表单数据得服务器程序得 url 地址
me t ho d属性用于设置表单数据得提交方式,其取值为 get 或 post
其中,g e t 为默认值,这种方式提交得数据将显示在浏览器得地址栏中,保密性差,且有数据量得限制
post 方式得保密性好,并且无数据量得限制,使用 method="p o st"可以大量得提交数据
inp ut 控件:定义单行文本输入框、单选按钮、复选框、提交按钮、重置按钮等控件
s el e ct 控件:可以定义下拉菜单效果
其中,〈s el ect>〈/s e lect>标记用于在表单中添加一个下拉菜单,<opt i on〉中至少