html表单学习笔记

学习内容： 表单 和 图片热区


**表单： HTML中获取用户输入的手段


常见表单：单行文本框， 多行文本框，按钮， 密码框， 复选框等等， 每一个网站都有表单元素， 并且表单元素是HTML5里最重要的元素之一


一、
表单元素
1. form 创建form表单
2. Input 用于收集用户输入信息


二、
Form元素属性
1.Method 用于发送form-data的http方法
2.Action 指定表单数据发送的位置


三、
Input元素属性
1.Type input元素的类型
2.Value input元素的值






**创建图片热区map area的用法


<map> 客户端分区响应图的关键元素
<area> 可以有多个，在map中试用，各自代表图像上可被点击的一块区域
重要属性: 
href 该区域被点击时加载的url
shape和coords：是两个主要的参数，用于设定热点的形状和大小
alt 定义图片备用内容
 
列子：
<img src="menu.png" usemap="#map1">
<map id="map1">
<area href="next.html" shape="rect" coords="5, 10, 66, 92"> <!-- l, t, r, b-->
<area href="contacts.html" shape="circle" target="_blank" coords="275, 40, 25"/> <!-- 圆中心位置x, 圆中心位置y, 圆半径 -->
</map>



<img>中的usemap属性可引用<map>中的id或name属性
图像的定位方式可以使用js代码，也可以使用<input type="image" src="img.jpg">来定位