表单

表单  

　　在网页上提供一个图形用户界面，以采集和提交用户输入的数据（表单不能嵌套表单）

 

<form method="" action="" name=""></form>

　　 method控制数据是如何发送到处理程序的--get和post   

　　　　http get 协议：在提交图片时 255字节      

　　　　　　　　　　　不安全请求，get会把请求参数拼接到地址栏  

　　　　http post 协议：在提交图片时 理论无限制     

　　　　　　　　　　　安全请求，会把参数和请求封装在一起进行请求  

　　action表单数据被发送到哪里--#，login.do等

 

<br/>换行  

　　如果一个标记中没有任何内容，允许开头和结尾在一起 如：<p/>

 

表单输入控件

用来创建HTML输入控件的元素有三种  

　　input  

　　select和option创建一个下拉列表  

　　textarea多行输入的文本框

 

文本框

type="text"

属性 size  文本框显示长度  

　　maxlength 最大输入长度

　　 value  设置默认显示值

账号:<input type="text" name="" value="">  

　　name后台使用，每个表单都要写name让后台认识

 

密码框

type="password"

 

单选按钮

type="radio"  

　　单选互斥,使用相同的name值  

　　其中的值用value分别  

　　checked 默认属性 checked="true"  或false或不写

 

复选按钮

type="checkbox"

　　 name=""设置相同值，为同一类型  

　　value=""其中的值让后台认识  

　　checked 默认属性 checked="true"  或false或不写

 

隐藏字段

type="hidden"(给程序员看的，而不给用户看的)

 

文件上传控件

type="file"(他显示的本身的样子不允许被修改，安全性考虑)  

　　1.提交图片必须要post方式提交   图片大小问题  

　　2.enctype="form/multipart" 　　必须有这个属性，后面会讲，现在先这样用

 

下拉框

<select>  

　　<option selected="ture">上海</option><!--selected设置默认值-->  

　　<option>北京</option>  

　　<option>成都</option>

</select>

 

多行文本框

<textarea rows="" cols=""></textarea><!--rows为行，cols为列。没有value属性-->

 

提交表

<input type="submit" value="">

重置表

<input type="rsser" value="">

命令按钮

<input type="button" value="">

 

label元素  

　　<label for="username">账号</label><input type="text" id="username"><!--for中的内容和Id对应-->

 

<form>  

　　<fieldset><!--在被包含的元素周围显示一个细边框的盒子-->   

　　　　<legend>注册</legend><!--为边框命名-->  

　　</fieldset>

</form>