以下为《web前端开发实验实训报告》的无排版文字预览，完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。

/

实验实训报告

院系： 信息***

班级： 软件技术三班

姓名： 罗源浩

学号： ***21

课程： web前端开发

实验室名称： 公共机房

实验实训老师： 张老师 实验实训地点： xk1-三楼 实验实训日期： 2020-4-1

实验实训题目： 表单

实验实训目的：

（学习通上有）

1.理解表单的构成，可以快速创建表单。

2.掌握表单相关标记，能够创建具有相应功能的表单控件。

3.掌握表单样式的控制，能够美化表单界面。

内容及要求：

（学习通上有）

1.表单标签和控件与图片中一致

2.标签与控件进行绑定

3.使用表格控制表单元素的位置排版

实验原理：

（使用到的Form理论部分，摘抄到此处）

1.表单使用表单标签来设置

2.多数情况下被用到的表单标签输入标签

3.输入类型是由类型属性（type）定义的。大多数有text（单行文本输入框）,password（密码输入框）,radio（单选按钮）,checkbox（复选框）,submit（提交按钮）,image（图像形式的提交按钮）,button（普通按钮）等

4..其他常用属性：name（控件的名称）,value（input控件中的默认文本值）,checked（定义选择默认被选中的项）,placeholder（input控件中的透明文本值）等

5.下拉列表(select>option)

元素中的标签定义了列表中的可用选项

6.文本域（Textarea）

多行文本输入控件。用户可在文本域中写入文本。可写入的字数不受限制。

7.标签

Label元素不会向用户呈现任何特殊效果。不过，他为鼠标用户改进了可用性。如果您在label元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

实验步骤：

1.首先把标签和中的居中位置,表格总宽度写出

2.然后在th中用label标签把标题写出，之后每行用td并写出行高

3.之后在表单输入标签用type，name，placeholder，value等分别把姓名，性别，电话，邮箱，时间等写出

4.再就是用select标签写出列表中可用选项

5.最后复选框，重置按钮，提交按钮就用select，reset，submit写出

代码及效果图：

器材申请单

以上为《web前端开发实验实训报告》的无排版文字预览，完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。