表单
现实生活中的表单是用来提交信息的，比如：办理银行卡填写的申请表、找工作填 写的简历、入学时填写的个人信息表。这 些都是表单的一种。
网页中的表单是用来向服务器提交信息的，我们最常用到的表单就是baidu的搜索框。
表单可以将用户填写的信息提交的服务器。
例子：<form action="1.html" method="get">(使用<form>标签来创建一个表单,表单中必须要有两个属性action和method,action表示提交表单到服务器中的地址, method表示提交表单的方法.)
表单项
文本框<input type="text" name="name">
密码框<input type="password" name="password">
多项框<input type="checkbox" name="sports">
单选框<input type="radio" name="gender">
提交按钮<input type="submit" value="提交">
下拉列表
<select>
<option>北京</option>
</select>
input
input是我们使用的最多的表单项，它可以 根据不同的type属性呈现不同的状态。
type属性可选值：text：文本框 password：密码框 submit：提交按钮
radio：单选按钮 checkbox：多选框 reset ：重置按钮
select、option
select用于创建一个下拉列表。
option表示下拉列表中的列表项。
optgroup用于为列表项分组。
textarea
textarea用来创建一个文本域，实际效果和 文本框类似，只是可以输入多行数据。
可用属性：cols：文本域的列数 rows：文本域的行数
fieldset、legend、label
fieldset用来为表单项进行分组。
legend用于指定每组的名字。
label标签用来为表单项定义描述文字。
框架集
框架集和内联框架的作用类似，都是用于在一个页面中引入其他的外部的页面
框架集可以同时引入多个页面，而内联框架只能引入一个
在h5标准中，推荐使用框架集，而不使用内联框架
使用frameset来创建一个框架集，注意frameset不能和body出现在同一个页面中
所以要使用框架集，页面中就不可以使用body标签
属性：
rows，指定框架集中的所有的框架，一行一行的排列
cols， 指定框架集中的所有的页面，一列一列的排列
这两个属性frameset必须选择一个，并且需要在属性中指定每一部分所占的大小
frameset中也可以再嵌套frameset
frameset和iframe一样，它里边的内容都不会被搜索引擎所检索
所以如果搜索引擎检索到的页面是一个框架页的话，它是不能去判断里边的内容的
使用框架集则意味着页面中不能有自己的内容，只能引入其他的页面
而我们每单独加载一个页面，浏览器都需要重新发送一次请求，引入几个页面就需要发送几次请求，用户的体验比较差
如果非得用建议使用frameset而不使用iframe
运动曲线
<!DOCTYPE html>
<head>
<title>运动曲线</title>
div{
width: 50px;
height: 50px;
background-color: gold;
margin-bottom: 20px;
}
div:nth-child(1){
/*匀速*/
transition: all 1s linear;
}
div:nth-child(2){
/*开始和结束慢速，中间加速*/
transition: all 1s ease;
}
div:nth-child(3){
/*开始慢速，结尾突然停止*/
transition: all 1s ease-in;
}
div:nth-child(4){
/*突然开始，结束时慢速*/
transition: all 1s ease-out;
}
div:nth-child(5){
/*开始和结束时慢速*/
transition: all 1s ease-in-out;
}
div:nth-child(6){
/*贝塞尔（贝兹）曲线*/
/*transition: all 1s cubic-bezier(0.250,0.250,0.750,0.750);匀速*/
/*超出再缩回的弹性效果*/
transition: all 1s cubic-bezier(0.470, -0.485, 0.460, 1.435);
}
div:hover{
width: 1000px;
}
</style>
</head>
<body>
<div>linear</div>
<div>ease</div>
<div>ease-in</div>
<div>ease-out</div>
<div>ease-in-out</div>
<div>bezier</div>
</body>
