电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

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

web前端开发技术实验报告实验五_第1页
1/9
web前端开发技术实验报告实验五_第2页
2/9
web前端开发技术实验报告实验五_第3页
3/9
长 春 大 学 20 15 — 2025 学年第 二 学期 W eb 前端开发技术 课程实 验 报 告学 院: 计算机科学技术 专 业: 软件工程 班 级: 软件 14402 学 号: 姓 名: 王 悦 任课老师: 车 娜 实验五 HTML 表单一、实验目的1.理解表单的构成,可以快速创建表单。2.掌握表单相关标记,可以创建具有相应功能的表单控件。3.掌握表单样式的控制,可以美化表单界面。二、内容及规定使用表单控件,并通过 CSS 控制表单样式制作一个学员档案,其效果如图6-1 所示,满足以下规定:1.学员档案上面的标题和下面的表单两部分构成。2.标题部分通过标题标记定义。3.表单部分通过相关的表单控件进行定义图 6-1 “学员档案”CSS 样式效果三、实验原理表单:是网页上用于输入信息的区域,它的重要功能是收集用户信息,并将这些信息传递给后台服务器,实现网页与用户的沟通。表单由表单控件、提醒信息和表单域构成。创 建 表 单 :
标 记 被 用 于 创 建 一 个 表 单 ,action、method、name 为表单标记
的常用属性。action 属性用于指定接受并解决表单数据的服务器程序的 url 地址。method 属性用于设立表单数据的提交方式,其取值为 get 或 post。其中,get 为默认值,这种方式提交的数据将显示在浏览器的地址栏中,保密性差,且有数据量的限制。post 方式的保密性好,并且无数据量的限制,使用 method="post"可以大量的提交数据。input 控件:定义单行文本输入框、单选按钮、复选框、提交按钮、重置按钮等控件。select 控件:可以定义下拉菜单效果。其中,标记用于在表单中添加一个下拉菜单,标记嵌套在标记中,用于定义下拉菜单中的具体选项,每对中至少应包含一对。textarea 控件:定义的多行文本输入框。cols 和 rows 为