1.语法
<form action="www.baidu.com" method="get" name="biaodan" type="表单类型">
</form>
2.表单类型
（1）type="text"表示明文文本框
（2）type="password"表示暗文文本框
（3）textarea表示多行文本框
<textarea cols="50" rows="4"></textarea>
①cols="字符长度" rows="字符宽度"）
②用CSS定义宽高适配性强
③默认文本框可以在右下角进行拖动，
可以在CSS中用resize:horizontal/vertical/none/both;对宽高进行锁定
（4）type="radio"表示单选圆按钮（多个选项的name需要相同）
（5）type="checkbox"表示多选方按钮
（6）type="reset"表示重置按钮
（7）type="subimit"表示提交按钮
(8) type="img" src=""表示由图片替换的提交按钮
（9）<button></button>表示提交按钮
（10）type="file"表示提交各种类型的文件
（11）type="hidden"表示隐藏按钮，用来向后端提交信息
（11）type="date/month/week/time/datetime-local"表示日期选择
（12）type="url"表示地址选择
（13）type="email"表示邮箱选择
（14）type="number"表示数值选择
（15）type="color"表示颜色选择
（16）type="tel"表示拨号盘选择
（17）type="range"表示滑动条表单
（min=""和max=""调整最小值和最大值，value设置默认值，step设置步长）
（18）type="search"表示搜索表单（比普通文本框多了个重置按钮）
（19）select表示下拉表单(必须含有一组option）
①语法
<form>
<select>
<option>我是选项1</option>
<option>我是选项2</option>
<option>我是选项3</option>
<option>我是选项4</option>
</select>
</form>
②属性
Ⅰ 设置可见选项个数（一个框里有几个选项，会撑出选项条） Ⅱ 设置多选（要提醒用户ctrl实现多选）
Ⅲ<option selected/selected="选项名称">设置默认中项/默认某个选项
Ⅳvalue应该同样起效，不多赘述
（20）datalist表示数据列表（需要和文本框配合使用）
一定要给datalist定义个id，并在input中用list连接
<input type="text" list="mylist">
<datalist id="mylist">
<option value="手机"></option>
<option value="手表"></option>
<option value="手环"></option>
<option value="手镯"></option>
</datalist>
（21）fieldset表示字段集
①语法
<fieldset>
<legend>主题</legend>
<form>
</form>
</fieldset>
<fieldset>
<legend>主题</legend>
<input>
<input>
</fieldset>
②样式设置
/*fieldset可以调整边框和宽高*/
fieldset{
border:1px solid blue;
width:100px;
height:400px;
}
/*legend同样可以进行设置边框和文本信息*/
legend{
border:1px solid red;
text-algin:center;
}
3.类型属性
（1）check="chcked"表示默认选择，应用于单选和复选
（2）value="名字"表示按钮/提交键的名字
（3）method="get/post"表示传送信息的方式，get获取，可见；post传送，不可见
（4）name="名称"必须设置，用于发送数据
（5）placeholder="提示"表示文本框的框内输入提示（在textarea中直接打文本也能起到提示效果）
（6）label表示链接文本和文本框（实现点击文字同样可以输入或打钩）
一般情况的文本输入用文本
<form>
<label>昵称<input type="text"></label>
</form>
（7）onclick表示点击按钮会跳出文本提示
<form>
<input type="button" value="验证按钮" onclick="alert('密码输入正确')">
</form>
（8）readonly只读（鼠标可以点击文本框进行聚焦，并有高量，但是无法编辑）
（9）disabled禁用
4.新增属性
（1）autofocus 给某个文本框或按钮使用，使其自动选择或者进入输入状态（一个页面只能用一个）
（2）required 验证输入内容是否为空，若为空则进行提示9
（3）multiple 使其可以输入多个值，用逗号隔开（不仅可以用于文本框，还可以用于文件）
（4）pattern 将属性值设为某个格式的正则表达式，提交时会检验内容是否合规
<input pattern = "[0-9][A-Z]{3}"
title="输入内容:一个数和三个大写字母"
placeholder="输入内容:一个数和三个大写字母" required>
