表单

1.表单标签：
        * <form></form> 表示标签的范围（表单标签全部写在form里面）
- form里面的属性：
- action（例：action="路径"） 
- method（例：method="get"信息会在地址栏显示、method="post"表单数据不会被显示）
get 与 post 的区别：
1.post 提交后不会改变地址栏的状态，表单数据不会被显示。
2.get 提交后地址栏状态会发生改变，表单数据会在URL信息中显示。


* size：指定文本框的长度。《input 输入项里用》
* typle： 增加下拉框的长度：《例：style="width:50px"》
* maxlength：指定文本框输入的长度。《input 输入项里用》



*只读 与 禁用：
 --只读：readonly《input 输入项里用》《readonly="readonly"》
 --禁用：disabled《input 输入项里用》《disabled="disabled"》


- - -- - - - -- - - -
* 输入项的使用：
语法：<input type="输入项类型"/>


-- 普通输入项： <input type="text" name="自定义"/> 
例： 手机号码：<input type="text" name="haoma"/>




-- 密码输入项： <input type="password" name="自定义"/>
例：  密码：<input type="password" name="mima"/>




--单选输入项： <input type="radio" name="自定义" value=""/>
《注：单选项里面的name的值要一样》
《默认选中：checked="checked"》
《关联标签 <label for="id的属性值">显示内容</label>》
例 1： 性别：<input type="radio" name="sex" value="nv" />女
   <input type="radio" name="sex" value="nan" />男


例 2： 性别：<input type="radio" name="sex" value="nv" id="名称"/>
<label for="等于id内名称">女</label>
   <input type="radio" name="sex" value="nan"  id="名称"/>男
<label fro="等于id内名称">男</label>


--复选输入项： <input type="checkbox" name="自定义" value=""/>
《注：复选项里面的name的值要一样》
  例： 爱好：<input type="checkbox" name="love" value="pashan"/>爬山
   <input type="checkbox" name="love" value="paobu"/>跑步
   <input type="checkbox" name="love" value="sanbu"/>散步
可以写多个！



例： 爱好：<input type="checkbox" name="love" value="pashan" id="名称"/>
<label for="等于id内的名称">爬山</label>
   <input type="checkbox" name="love" value="paobu" id="名称"/>
<label for="等于id内的名称">跑步</label>
   <input type="checkbox" name="love" value="sanbu" id="名称"/>
<label for="等于id内的名称">散步</label>
可以写多个！




--文件输入项： <input type="file" name="自定义" />
例： 文件：<input type="file" name="shangchuanwenjian"/>



--文本输入项： <textarea cols="高度" rows="宽度"></textarea>




--隐藏项：<input type="hidden"/>
例：<input type="hidden" name="名称自定义" value="要隐藏的内容"/>《用于验证信息》
- -- - - - -- - - -


--提交项或按钮： <input type="类型" value="按钮名字"/>
--1.普通按钮类型：buttom《提交到onclick="alert('内容')"的路径里去》
--2.提交按钮类型：submit《提交到action="路径"里的路径里去》
--3.重置按钮类型：reset
例：
<input type="button" value="普通按钮"/>


<input type="submit" value="提交按钮"/>


<input type="reset" value="重置按钮"/>

--提交按钮使用图片代替： 《image类型》
例：<input type="image" src="路径" />

--- --- --- -- - - -- - - -


--下拉输入项： <select></select>  表示范围
《select里面的属性有：name》
select 里面有 <option>内容</option>
《option里面属性有：value="option里面的内容"》
《默认选中：selected》
* typle： 增加下拉框的长度：《例：style="width:50px"》


例： 
     生日：<select name="nian">
<option value="0">请选择</option>
<option value="1990">1990</option>
<option value="1991">1991</option>
<option value="1992">1992</option>
   </select>

   <select name="yue">
<option value="0">请选择</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
   </select>

  <select name="ri">
<option value="0">请选择</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
   </select>






-----------------------------------------------------------------------





* 语义化的表单：


--域：<fieldset></fieldset> 表示范围
  -- fieldset里面的标题标签：<legend>标题</legend>


例：
<form>
  <fieldset>
     <legend>用户登陆</legend>
<p>用户名：<input type="text" name="yonghuming"/></p>
<p> 密&nbsp&nbsp码：<input type="password" name="mima"/></p>
  </fieldset>
</form>






* 表单元素的标注：


--语法：
 --<label for="id属性的值">显示文本</label>
<input type="checkbox" value="1" name="food" id="food1">


例：
 <form>
   <p>

<input type="checkbox" value="1" name="food" id="food1">
<label for="food1">包子</label>
<input type="checkbox" value="2" name="food" id="food2">
<label for="food2">花卷</label>
<input type="checkbox" value="3" name="food" id="food3">
<label for="food3">馒头</label>
 </p>
</form>