晨风资讯网
新闻资讯┊网络冲浪┊网页设计┊网络编程┊图形图像┊数据库┊网络媒体┊服务器┊网络安全┊网站运营┊软件教程┊黑客┊认证┊Wap技术
教程搜索
 教程搜索：
  首页 > 网页设计 > HTML/CSS > 正文  

HTML标签详解(5)
日期：2006-1-19 8:54:42 来源：网络 作者：无名 浏览:次
表单
一、基本架构 ＜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：表输入的文字在超过栏宽时会自动换行
上一篇： HTML标签详解(4) 下一篇：

HTML标签详解(6)
返回列表 打印此页 加入收藏 资讯论坛 关闭窗口 点击复制本页地址，发送给QQ/MSN好友
关于我们 - 联系我们 - 版权声明 - 帮助(？) - 广告服务 - 友情链接 - 服务项目 - 人才招聘
2003-2008 版权所有 © 晨风资讯网 未经授权禁止复制或建立镜像
CopyRight 2003-2008 www.Net118.com,All Rights Reserved.Design By ChenFeng Network Studio