1.2标签标签篇【重点】
1.2.1 表单标签（一）：form
<form> 表单标签，单独使用时，在浏览器上没有任何展示效果。
但如果有数据需要提交到服务器，数据就可以集中在表单中进行提交。
表单相当于 WEB 程序的入口。
例如：我需要将各种蔬菜运送到老王家，就需要一辆车，表单就是网页中运送数据的车。
常见的表单应用：注册页面、登录页面。
<body><!--表单--> <form><!--此处的有效内容将被提交到服务器--> </form> <!--此处的内容在<form>标签外
表单的特点：
表单标签在浏览器上没有任何显示
表单用于向服务器传输数据
一个页面，如果需要通常只有一个表单，但也可以有多个表单。
1.2.2 输入域标签 ：input
<input> 标签用于获得用户输入信息，type 属性值不同，搜集方式不同。最常用的标签。
参数列表的格式：
参数名 1=参数值 1&参数名 2=参数值 2&参数名 3=参数值 3…….
例如：username=zhangsan&password=123&sex=man
示例：
<input type="text" name="username" value="jack" /><br /> <input type="password" name="userpwd" value="1234" /><br /> <input type="radio" name="gender" value="1" />男 <input type="radio" name="gender" value="0" />女<br /> <input type="checkbox" name="hobby" value="a" />吃早饭 <input type="checkbox" name="hobby" value="b" />吃午饭 <input type="checkbox" name="hobby" value="c" />吃晚饭<br /> <input type="submit" value="提交按钮" /><br />
1.2.3 下拉列表标签： select
<select> 定义一个下拉列表。可以进行单选或多选。
<option>定义一个下拉列表的列表项。
select 属性：
option 属性：
练习：请按以下效果编写代码，要求“中班”默认选中
1.2.4 文本域标签： textarea
<textarea></textarea>标签
文本域标签，可支持用户输入并提交大量纯文字数据。
textarea 属性：
文本域和文本框区别：
1 文本框不能换行，文本域可以
2 文本框参数值是 value 属性，文本域参数值是标签的内容体
<textarea>我是默认显示内容</textarea>
1.2.5 按钮标签： button （扩展-了解）
<button type="button|reset|submit"> 按钮标签极少使用，提供“普通|重置|提交”功能，不同的浏览器默认值不同。
1.2.6 表单标签（二）：form
from 属性：
Get 和 post 提交方式区别：
get 提交的参数列表拼接到了地址栏后面
post 方式不会 拼接地址栏
get 方式提交的数据 敏感信息不安全
Post 方式提交的数据 相对安全
get 方式提交的数据量 有限的
Post 方式从理论上提交的数据量 无限大
两种提交方式用哪个？
一般提交数据使用 post。
若数据量极少，不重要，没有中文，可以使用 get 方式。
1.2.7 案例：用户登录
需求说明
要求完成以下效果：
1、 密码非明文
2、 登录按钮点击后，表单数据以 post 方式提交
知识点：
以上效果是：图片形式的提交按钮
src 资源位置也是通过快捷键来引入图片路径：
1.2.8 扩展：base
图片路径：
1、需要先设置基础路径，这样图片的路径就都加入了基础路径
2、粘贴图片路径即可
注意：
设置过<base>标签后，所有的相对路径都会从 base 路径出发
2.总结
