HTML笔记--表单标签
标签（空格分隔）： HTML
表单标签(****最重要的一个标签*****)
- 可以用来实现登录页面
- 标签形式：
<form></form>定义一个表单，所有的表单的内容定义在这两个标签内部；- 属性：提交地址 action = "提交的地址"
- 提交方式：method="get/post"
- 两种提交方式的区别：（面试题）
- get请求地址栏会携带提交的数据，post的不会携带；
- get的安全级别较低，post较高
- get请求有数据大小的限制，post没有限制
- enctype：一般请求不需要这个属性，但是在文件上传到哦时候会需要这个属性。
- 输入项：
- 大部分输入项可以使用
<input type = "输入项类型"/>来制定； - 普通输入项：如用户名；
<input type = "text"/>- 代码：
<form><input type = "text"/> </form>
- 代码：
- 密码输入项：
<input type="password"/>效果是不显示在页面上而显示黑点； - 单选输入项：
<input type="radio"/>- 必须在定义的时候 添加name属性 如果有多个选项，那么name的属性值必须一样否则会成为多选；
- 还必须指定value属性，否则在提交（get/post）表单时该项内容无法被正确提交。
- 代码
<input type="password" name="sex" value="wm"/>女
<input type="password" name="sex" value="m"/>男 - 实现默认选中：checked="checked"属性
- 多选输入框：
- 同遵循单选框的name和value规则
- 实现默认选中：checked="checked"属性
- 代码：
<input type="checkbox" name="love" value="ym"/>羽毛球``<input type="password" name="love" value="pp"/>羽毛球
- 文件输入项：
<input type="file">- 该属性在后面将会仔细讲到
- 下拉输入项：（不是在input标签内）
<select><option></option></select>- select表示一个下拉输入框：必须指定一个name属性如
<select name="birth"> - option表示一个选项：他必须指定一个value的属性如：
<option value="1991">1991</option> - 默认选中：selected="selected"默认选中
- 文本域输入项:如添加一个自我描述的输入框：
- 例子
<textarea cols="列数" rows="行数"></textarea>
- 例子
- 隐藏项：存在于代码却不显示在界面
-<input type="hidden"/> - 提交按钮：
- `<input type=" submit" value="按钮上的文字"/>
- 提交方式和地址；这两个属性需要在form标签中作为属性设置；
- 使用图片提交：
<input type="image" src="图片地址">
- 重置按钮：
-回到初始状态<input type="reset" vlaue="显示文字"/> - 普通按钮：
<input type="button" vlaue="显示文字">- 一般配合js作为监听使用
- 大部分输入项可以使用
