HTML表单

总结一下表单，讲讲<form><input>的用法

<form>表示建立一个表单，一般表单有许多输入、选择项，有一些按钮，其中有按钮按了能提交表单到服务器。<form>里面一般有下面这些子句可供需要时使用：

<form action="" method="" target="" name=""> 
action=服务器文件名，可能是CGI程序，也可能是ASP、PHP等服务器端脚本，如果省略，表示提交给当前的文件。action 动作(提交后执行的操作) 

method=post|get，选择方法为POST或者GET，他们的区别一是GET会把参数显示在浏览器地址上，二是POST能够提供更多的参数内容。默认为GET。
post 数据打包发送，允许发送大量数据，安全性高；get 浏览器直接发送数据，数据量不超过1KB，安全性低，搜索默认使用
target=窗口名称，表示提交后的页面在哪个窗口打开。默认为当前窗口


上面说的子句，是写在<form>里面的，比如：
<form action=xxx.php method=post>
在<form>和</form>之间，可以使用<input>、<select>等建立输入或者选择项。


<input>一般的用法是：
<input type=text|password|hidden|submit|reset|button name=xxx value=xxx>
type表示这个输入域的类型，text是文本，password也是文本但是输入的字符显示*，hidden是文本但是不显示在页面上，submit是提交按钮，reset是重置按钮，button是一般按钮，还有radio建立单选框，checkbox建立多选框
name是输入域的名字
value是输入域的默认值

二、各类表单元素 


1、input类 
type=text|password|hidden|radio|checkbox|file|image|submit|reset|button 


A、text 单行文本框 
<input type="text" name="" value="" size="" maxlength=""> 
name 名称(判断的唯一依据) 
value 默认值 （onclick="this.value=''"） 
size 宽度(不影响输入字符数) 
maxlength 最大字符数(默认255个) 


B、password 密码框 
<input type="password" name="" value="" size="" maxlength=""> 


C、hidden 隐藏域(默认值决定其功能) 
<input type="hidden" name="" value=""> 


D、radio 单选按钮 
<input type="radio" name="" value="" checked> 
name 必须一致 


E、checkbox 复选框 
<input type="checkbox" name="" value="" checked> 


F、file 文件域 
<input type="file" name="" size="" value="" accept=""> 


G、image 图像域(默认可替代提交按钮) 
<input type="image" src="图像的url"> 


H、submit/reset/button 提交/重置/普通 


2、select 列表/菜单 
<select name="" size="6" multiple> 


1、size 高度 
2、multiple 设置多选 


option 选项 
<option value="" selected>标签</option> 


3、textarea 文本区域(多行文本框) 
<textarea cols="列数" rows="行数" name="">默认值</textarea> 


用链接替代提交/取消按钮 
onclick="document.表单名称.submit()" 
onclick="document.表单名称.reset()"