1118-热点功能-表单元素

热点功能
<img src="" usemap="11" />
<map name="11">
<area shape="rect" coords="0,0,100,100" href="http://www.baidu.com" />起始点的XY轴位置，结束点的XY轴位置
<area shape="circle" coords="0,0,100," href="http://www.baidu.com" />前俩数是圆心的XY轴位置，第三个数是半径
<area shape="poly" coords="0,0,100,100,222,1,213" href="http://www.baidu.com" />多边形
</map>
表单
<form action=“指向的地址” method="get/post"></form>
method传递一个值来响应
method get     method post
get与post的区别
在浏览器地址栏内get能看到传递的内容，post则隐藏了
get有长度限制，post没有

form内元素:
二、表单元素
  1.文本输入
    （1）文本框
    <input type="text" name="" value="" />
    type指类型；name指名称，即提交时（get）所显示的名称；value指值，即文本框内显示的内容，所显示的值（可以不写）。
    （2）密码框
    <input type="password" name="" value="" />
    type指类型；name指名称，同上；value同上。
    （3）隐藏域
    <input type="hidden" name="" value="" />
    type指类型；name指名称，同上；value同上。 隐藏域用来那些不方便用户看到，但是对内容有用的文本。
    （4）文本域
    <textarea name="">此处添加内容</textarea>
    可自行编辑文本域的大小长宽。
  2.按钮
    （1）普通按钮
    <input type="button" name="" value="" />
    type指类型；name指提交时（get）所显示内容（所有按钮均可以不写）；value指按钮上所显示的内容（必写！）
    （2）重置按钮
    <input type="reset" name="" value="" />
    type指类型；name指名称，同上；value同上。
    （3）提交按钮
    <input typs="submit" name="" value="" />
    type指类型；name指名称，同上；value同上。此处注意的是，提交所有form内容，提交到form内action指向的地址，方式为method的get或者post。
    （4）图片
    <input type="image" name="" value="" src="" />
    type指类型；name指名称，同上；value同上（但是可以不写）。此处注意的是，提交所有form内容，提交到form内action指向的地址，方式为method的get或者post。
  3.选择输入
    （1）单选
    <input type="radio" name="" value="" />+备注
    <input type="radio" name="" value="" />+备注
    <input type="radio" name="" value="" />+备注
    name值相同的时候为单选，即只能选一个；value指的是提交时显示在浏览器地址栏上的值。提交后浏览器地址栏对应的是&name=value。
    （2）复选（多选）
    <input type="checkbox" name="" value="" />+备注
    <input type="checkbox" name="" value="" />+备注
    <input type="checkbox" name="" value="" />+备注
    <input type="checkbox" name="" value="" />+备注
    name值相同，提交后浏览器地址栏对应的是&name=value。
    （3）下拉列表
    <select name="">
    <option value="">+内容</option>
    <option value="">+内容</option>
    <option value="">+内容</option>
    </select>
    样式同理于<ul>跟<li>的性质
    select有name值，option有value值，所有的value的值均为提交的值，并非显示出来的值，显示出来的是+内容这部分。
    （4）选择文件
    <input type="file" name="" />
此处需要注意的是，以上所有内容，name属性除了按钮之外必须要填写，因为name对应上传时对应的数据名称；
                value属性按钮必须填写，因为value代表属按钮上的字，
    除了按钮之外，name对应上传时数据的名称，value对应上传的值，简要表达便是&name=value。
其他内容：
    <input readonly="readonly" type=""..... />
    <input disabled="disabled" type=""..... />
    <input hidden="" type=""..... />
    <input checked="checked" type="radio(checkbox)"..... />  checked选项只用于radio单选和checkbox复选之中。
    <option selected="selected" value=""></option>   selected选项只用于select下拉列表的option之中。

 

转载于:https://www.cnblogs.com/claricre/p/6078239.html