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