当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > HTML语言剖析（八）表单标记

HTML/XHTML教程
CSS 循序渐进（四）表里春秋
精通 CSS 滤镜（五）
让css使网页图片半透明
实现页面图片阴影特效
发现CSS控件的好处
用CSS缩写给你的网站加速
CSS在IE和Nascape的显示差别
利用CSS，不通过replace替换标引HTML标记
拒绝单调 让网页超链接拥有多姿多彩的下划线
对CSS类及id的规范化命名
利用css里expression来实现界面对象的批量控制
利用CSS控制打印
第一章　ＣＳＳ的基本认识
第二章　ＣＳＳ的应用方式
第三章　ＣＳＳ的应用补充
第四章　颜色背景的ＣＳＳ
第五章　文字性质的ＣＳＳ
第六章　区块性质的ＣＳＳ
HTML之其他标记
HTML之链接标记

No. « 52 53 54 55 »

技术文章搜索

关键字

HTML/XHTML教程 中的 HTML语言剖析（八）表单标记

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-11-04   浏览: 112 ::
收藏到网摘: n/a

 
<FORM> <INPUT>
INPUT 的种类： Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。
<SELECT> <OPTION>
<TEXTAREA>
■ 引子
表单的用处很多，于网上无处不见，当然是配合 CGI 使用为佳，所以馈下有意使用或学 习 CGI 的话，表单设计见必需的，这一节介绍的标记不多，但其参数变化很多。一份表单的基本架构是：在 <FORM> 标记 的包围下加上一种或以上的表单输入方式及一个或以上的按键。
■<FORM> <INPUT> ：
▲Top
<FORM>称为表单标记，用以宣告此为表单模式，属于一个容器标记，表示其它表单标记需要在它的包围中才有效，<INPUT>便是其中的一个，用以设定各种输入资料的方法。它 是一个空标记。

<FORM> 的参数设定（常用）：
例如： <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">

  • action="http://your.isp.com/cgi-local/example.cgi"
    表单通常是与 CGI 配合使用的，参数 action 便是用以指明该 CGI 程式的位置，这 样此表单所填的资料才能正确传给 CGI 作处理。若馈下没有 CGI 以进行测试，可 设定此参数为 ACTION="mailto:[email protected]" 那样该表单所填的资料将会寄至 此电邮地址（红色部分）。
  • method="POST"
    传送资料给 CGI 的的方式，可选值为 POST, GET。你只需记住POST容许传送大量资料，但 GET则只接受低于 1K 的资 料，所以你若看过别人的表单原始码的话，你会发现申请表单用的是POST 而搜 找器用的是 GET。

<INPUT> 的参数设定（常用）：
由于其第一个参数 type 己有很多的选择，而不同的选择表示出不同的输入方式，且其它 参数亦因此而异，故以下将独立介绍不同输入方式及其它参数设定。

  • type="Text"
    可选值为 Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。
输入方式一： Text （单行文字盒）

例如<input type="Text" name="age" value="20" align="MIDDLE" size="2" maxlength="255">

  • type="Text"
    输入方式为 Text，能产生一单行文字盒，上限为 255 字元。
  • name="age"
    此一单行文字盒名称，这是最重要的一个，方便 CGI 辨认由表单传来的资料，虽 说可随便命名，但通常 CGI 程式中都有指定名称，若转用其它名称便需要修改该 CGI 程式了，名称可为没空白没特别符号的英文或数字，有大小写的分别，可以 写成 Your_Age，若有访客于此表单此一文字盒填入 40 的话，那末传给 CGI 的字 串便是 Your_Age=40。
  • value="20"
    此一单行文字盒内定值。若不填写则文字盒是空白的，等待访客亲自键入，若 value="20" 的话， 20 便会出现在文字盒中，当然访客可以修改之。
  • align="MIDDLE"
    可选值：top, middle, bottom, left, right, texttop, baseline, absmiddle. 没太大有处。
  • size="2"
    此一单行文字盒显示的长度，若馈下是采用 Big5 编码的中文网页便要小心，同 si