表单

一、基本架构 ＜form action=”处理资料用的CGI程式之URL”或”mailto:电子信箱的URL”

method=”get或post”＞ ………. ………. ………. ＜/form＞

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

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

【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：表输入的文字在超过栏宽时会自动换行

链接

一、连结至其他文件 ＜a href=”URL”＞说明文字或图片＜/a＞

二、连结至文件内之某一处(外部连结)

《1》起点