表单

 

action属性：用来定义表单处理程序（一个JSP、PHP、ASP、CGI等程序）的位置（相对地址或绝对地址）

method：定义表单结果从浏览器传送到服务器的方法，一般有2种方法：get、post（get有数据量限制，不能大于1K字节，提交的表单中各元素的值会URL地址之后，如果表单提交的处理页面是本页面的话，在地址栏中就可以看到各元素的值了，post数据量大的多，也不会出现各元素的值，比较安全，以文件形式传输）

一、基本架构 ＜form action="处理资料用的JSP、PHP、ASP、CGI程式之URL"或"mailto:电子信箱的URL" method="get或post"＞ .......... .......... .......... ＜/form＞

二、输入文件型表单 ＜form action="URL" method="post"＞ ＜input＞ ＜input＞ ..........

.......... ＜/form＞

文本框<input name=文本框名字 type=text或password value="默认值" size="数字(长度)"

maxlength="最大输入字符数">

文本域<textarea name=文本域名字 rows="数值（文本输入区高度）" cols="数值（文本输入区宽度）"></textarea>

按钮<input type="submit或reset" name="该按钮名字，设submit或reset较好" value="默认值">

复选框(checkbox) <input type=checkbox name=多个选项时按顺序命名，如音乐1、音乐2… checked value="">

单选框<input type=radio name=各个选项的name必须一样，否则出错，可以多选了 checked value="">

下拉列表

<select name=* size=* multiple>

<option value=* selected>流行

<option value=* selected>爵士

<option value=*>摇滚

</select>

其中size表示列表框的长度，multiple允许多选，有selected选项为被选中，value可省

图象域<input type=image src=图片名称>

【1】栏位类型 -- type ＜input type=#＞ #号可为 text：文字输入 password：密码 checkbox：多选钮 radio：单选钮 submit：接受按钮 reset：重设按钮 image：图形钮 hidden：隐藏栏位

【2】栏位名称 -- name ＜input name="资料栏名"＞ P.S.若type为submitⅱreset则name不必设定

【3】文件上的预设值 -- value ＜input value="预设之字串"＞

【4】设定栏位的宽度 -- size ＜input size=字元数＞

【5】最大输入字符数 -- maxlength ＜input maxlength=字元数＞

【6】预设checkbox或radio的初值 -- checked ＜input type=checkbox checked＞ ＜input type=radio checked＞

【7】指定图形的URL -- src ＜input type=image src="图档名"＞

【8】图文对齐 -- align ＜input type=image align="#"＞ #号可为 top：文字对齐图片之顶端 middle：文字对齐图片之中间 buttom：文字对齐图片之底部

三、选择式表单 ＜form action="URL" method="post"＞ ＜select＞ ＜option＞ ＜option＞

.......... .......... ＜/select＞ ＜/form＞

A、＜select＞的属性

【1】栏位名称 -- name ＜select name="资料栏位名"＞

【2】设定显示的选项数 -- size ＜select size=个数＞

【3】多重选项 -- multiple ＜select multiple＞

B、＜option＞的属性

【1】定义选项的传回值 -- value ＜option value="传回值"＞

【2】预先选取的选项 -- selected ＜option selected＞

四、多列输入文字区表单 <form action="URL" method="post"><textarea>...</textarea></form>

【1】文字区的变数名称 -- name ＜textarea name=变数名称＞

【2】设定文字输入区宽度 -- cols ＜textarea cols=字元数＞

【3】设定文字输入区高度 -- rows ＜textarea rows=列数＞

【4】输入区设定预设字串 ＜textarea＞ 预设文字 ＜/textarea＞

【5】自动换行与否 -- wrap ＜textarea wrap=#＞ #号可为 off：表输入的文字超过栏宽时，不会自动换行（预设值） virtual：表输入的文字在超过栏宽时会自动换行