web前端开发技术实验报告 实验五

长 春 大 学 ２ 0 1 ５ — ２ 0 １ 6 学年第 二 学期 W ｅ b 前端开发技术 课程实 验 报 告学 院: 计算机科学技术 专 业： 软件工程 班 级: 软件 14 ４ 02 学 号： 0 ４１ 44 ０ 2 １ 0 姓 名: 王 悦 任课老师： 车 娜 实验五 H Ｔ ML 表单一、实验目得1、理解表单得构成，可以快速创建表单.２、掌握表单相关标记，能够创建具有相应功能得表单控件.3、掌握表单样式得控制，能够美化表单界面。二、内容及要求使用表单控件，并通过Ｃ SS 控制表单样式制作一个学员档案，其效果如图 6—1 所示,满足以下要求：1、学员档案上面得标题与下面得表单两部分构成。2、标题部分通过标题标记定义。3、表单部分通过相关得表单控件进行定义图 6-1 “学员档案"CSS 样式效果三、实验原理表单:就是网页上用于输入信息得区域,它得主要功能就是收集用户信息，并将这些信息传递给后台服务器,实现网页与用户得沟通。表单由表单控件、提示信息与表单域构成。创建表单:

＜/f ｏ rm>标记被用于创建一个表单,actio ｎ、met ｈ oｄ、name 为表单标记得常用属性。ac ｔ ion 属性用于指定接收并处理表单数据得服务器程序得 url 地址。me ｔ ho ｄ属性用于设置表单数据得提交方式，其取值为 get 或 post。其中,g ｅ t 为默认值,这种方式提交得数据将显示在浏览器得地址栏中，保密性差，且有数据量得限制。post 方式得保密性好，并且无数据量得限制，使用 method=＂p ｏ st＂可以大量得提交数据.ｉｎｐ ut 控件：定义单行文本输入框、单选按钮、复选框、提交按钮、重置按钮等控件.ｓ el ｅ ct 控件:可以定义下拉菜单效果.其中,〈s ｅｌ ect＞〈/s ｅ lect＞标记用于在表单中添加一个下拉菜单，＜opt ｉ on〉〈/ｓ el ｅ ct>中至少应包含一对〈/option>.t ｅ xtare ａ控件:定义得多行文本输入框。col ｓ与 ro ｗｓ为＜textarｅ a〉标记得必须属性，其中ｃ ols 用来定义多行文本输入框每行中得字符数，ｒ ows 用来定义多行文本输入框显示得行数,它们得取值均为正整数。CSS 控制表单样式：使用 CSS 可以轻松地控制表单控件得样式，主要体现在控制表单控件得字体、边框、背景与内边距等。四、实验...