表单知识点

表单
<form action="http://www.baidu.com" method="get" name="biaodan" id="biaodan"></form>

普通文本框
<input type="text" name="wenben" id="wenben" value="我的文本框" />

密码框
<input type="password" name="mima" id="mima" value="我的密码框" />

单选框
<input type="radio" name="danxuan" id="danxuan1" value="1" />选项1
<input type="radio" name="danxuan" id="danxuan2" value="2" checked/>选项2

复选/多选框
<input type="checkbox" name="fuxuan" id="fuxuan1" value="1" />选项1
<input type="checkbox" name="fuxuan" id="fuxuan2" value="2" checked/>选项2
<input type="checkbox" name="fuxuan" id="fuxuan3" value="3" checked/>选项3

重置按钮
<input type="reset" name="chongzhi" id="chongzhi" value="我要重置！" />

提交按钮
<input type="submit" name="tijiao" id="tijiao" value="我要提交！" />

图片提交
<input type="image" name="tupiantijiao" id="tupiantijiao" src="<图片路径>" />

普通按钮
<input type="button" name="anniu" id="anniu" value="我是按钮" />

隐藏域
<input type="hidden" name="yincang" id="yincang" value="我在页面不显示" />

文件选择框
<input type="file" name="wenjian" id="wenjian" value="我的文件" />

日期框
<input type="date" name="riqi" id="riqi" value="2018-11-13" />

数字框
<input type="number" name="shuzi" id="shuzi" value="15" min=5 max=20 />

邮箱框
<input type="email" name="youxiang" id="youxiang" placeholder="请输入邮箱" />

长文本区
<textarea name="wenbenqu" id="wenbenqu" cols="80" rows="10">我的文本区</textarea>

下拉列表
<select name="xiala" id="xiala">
<option value="1">列表项1</option>
<option value="2" selected>列表项2</option>
<option value="3">列表项3</option>
</select>

滚动列表
<select name="gundong" id="gundong" size=2 multiple="multiple">
<option value="1">列表项1</option>
<option value="2" selected>列表项2</option>
<option value="3" selected>列表项3</option>
</select>

元素分组
<fieldset>
<legend>元素分组标题</legend>
</fieldset>

name 和 id 的命名规则
只包含数字、字母、下划线，不以数字开头，
不包含汉字、空格等。
一般同一页面内不含有相同的id和name(radio, checkbox除外)。

value的使用规则
它的值无任何限制，可以包含数字、字母、汉字、空格等。
但是推荐使用数字，或者字母。
有相同name的元素一般value不能相同。

超链接

<a href="url">链接文本</a>    =>   <a href="https://www.runoob.com/">访问菜鸟教程</a>

a:link 正常链接
a:visited 被访问链接
a:active 激活链接，被点击的一瞬间
a:hover 划过链接，hover不限于划过链接，也可以表示划过其它html元素，如tr, td, p等，分别表示为tr:hover, td:hover, p:hover等
cursor: 改变鼠标箭头，常用的有 auto(自动)/default(默认)/hand(小手)/pointer(普通指针)