HTML标签详解(5)

Erica孝慈

Erica孝慈

2016-01-29 12:11

HTML标签详解(5),HTML标签详解(5)
表单
一、基本架构 <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="http://img.jcwcn.com/attachment/portal"> 
【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:表输入的文字在超过栏宽时会自动换行
展开更多 50%)
分享

猜你喜欢

HTML标签详解(5)

Html CSS布局 Div+CSS XHTML
HTML标签详解(5)

HTML标签详解

Html CSS布局 Div+CSS XHTML
HTML标签详解

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML标签详解(2)

Html CSS布局 Div+CSS XHTML
HTML标签详解(2)

HTML标签详解(6)

Html CSS布局 Div+CSS XHTML
HTML标签详解(6)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML标签详解(3)

Html CSS布局 Div+CSS XHTML
HTML标签详解(3)

HTML标签详解(4)

Html CSS布局 Div+CSS XHTML
HTML标签详解(4)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS超级技巧大放送(6)

CSS超级技巧大放送(6)

在 Linux 上安装Apache+ApacheJServ+JSP

在 Linux 上安装Apache+ApacheJServ+JSP
下拉加载更多内容 ↓