总结一下表单,讲讲<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 默认值 (οnclick="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>
用链接替代提交/取消按钮
οnclick="document.表单名称.submit()"
οnclick="document.表单名称.reset()"