HTML语言剖析（八）表单标记_建站学-个人建站指南,网页制作,网站设计,网站制作教程

HTML语言剖析（八）表单标记

时间:2008-08-16 15:50来源: 作者: 点击: 次

INPUT 的种类： Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。

■  引</div>
  
  <div class="content">
   <table width='100%'>
    <tr>
     <td><div id="contentMidPicAD" style="float:right; clear:both; top:0; vertical-align:top;"><script type="text/javascript">var _mda_place_id ="58bcc82381892";</script><script type="text/javascript" src="http://place.ssp.desdev.cn/pageplace/show.js"></script></div>
      <table width="100%" cellspacing="0" cellpadding="5" border="0">
    <tbody class="article">
        <tr valign="top">
            <td class="article"><span><FORM> <INPUT> <br />INPUT 的种类： Text,  Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。  <br /><SELECT> <OPTION> <br /><TEXTAREA> </span></td>
        </tr>
        <tr>
            <td bgcolor="#bbd1d1" class="article">
            <div style="font-size: 9pt; font-family: 新细明体;"><font color="#ca00ca">■  引子</font></div>
            </td>
        </tr>
        <tr>
            <td class="article"><span>表单的用处很多，于网上无处不见，当然是配合 CGI 使用为佳，所以馈下有意使用或学 习 CGI  的话，表单设计见必需的，这一节介绍的标记不多，但其参数变化很多。一份表单的基本架构是：<font color="#ff80c0">在 <FORM> 标记  的包围下加上一种或以上的表单输入方式及一个或以上的按键。</font> </span></td>
        </tr>
        <tr>
            <td bgcolor="#bbd1d1" class="article">
            <table width="100%" cellspacing="0" cellpadding="0" align="center">
                <tbody>
                    <tr>
                        <td>
                        <div style="font-size: 9pt; font-family: 新细明体;"><font color="#ca00ca">■<FORM>  <INPUT> ：</font></div>
                        </td>
                        <td align="right">
                        <div style="font-size: 9pt; font-family: 新细明体;">▲Top</div>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td class="article"><span><FORM>称为<font color="#ff0000">表单</font>标记，用以宣告此为表单模式，属于一个容器标记，表示其它表单标记需要在它的包围中才有效，<INPUT>便是其中的一个，用以设定各种输入资料的方法。它  是一个空标记。 </span>
            <p><span><FORM> 的参数设定（常用）： <br />例如： <form <font color="#ff0000">action</font>="http://your.isp.com/cgi-local/example.cgi" <font color="#ff0000">method</font>="POST"> </span> </p>
            <ul>
                <li><span><font color="#ff0000">action</font>="http://your.isp.com/cgi-local/example.cgi"  <br />表单通常是与 CGI 配合使用的，参数 action 便是用以指明该 CGI 程式的位置，这 样此表单所填的资料才能正确传给 CGI 作处理。若馈下没有  CGI 以进行测试，可 设定此参数为 ACTION="mailto:<font color="#ff0000">your@email.com</font>"  那样该表单所填的资料将会寄至 此电邮地址（红色部分）。 </span> </li>
                <li><span><font color="#ff0000">method</font>="POST" <br />传送资料给 CGI 的的方式，可选值为 <font color="#ff0000">POST</font>, <font color="#ff0000">GET</font>。你只需记住<font color="#ff0000">POST</font>容许传送大量资料，但 <font color="#ff0000">GET</font>则只接受低于 1K 的资  料，所以你若看过别人的表单原始码的话，你会发现申请表单用的是<font color="#ff0000">POST</font> 而搜 找器用的是 <font color="#ff0000">GET</font>。 </span></li>
            </ul>
            <p><span><INPUT> 的参数设定（常用）： <br />由于其第一个参数 type 己有很多的选择，而不同的选择表示出不同的输入方式，且其它  参数亦因此而异，故以下将独立介绍不同输入方式及其它参数设定。 </span> </p>
            <ul>
                <li><span><font color="#ff0000">type</font>="Text" <br />可选值为 Text, Radio,Checkbox,  Password, Submit/Reset, Image, File, Hidden, Button。 </span></li>
            </ul>
            <hr size="2" noshade="" color="#ff0000" /> <span><font color="#ff00ff">输入方式一：</font> <font color="#ff0000">Text</font> （单行文字盒）  </span>
            <p><span>例如<input <font color="#ff0000">type</font>="Text" <font color="#ff0000">name</font>="age" <font color="#ff0000">value</font>="20" <font color="#ff0000">align</font>="MIDDLE" <font color="#ff0000">size</font>="2" <font color="#ff0000">maxlength</font>="255"> </span> </p>
            <ul>
                <li><span><font color="#ff0000">type</font>="Text" <br />输入方式为 Text，能产生一单行文字盒，上限为  255 字元。 </span> </li>
                <li><span><font color="#ff0000">name</font>="age" <br />此一单行文字盒名称，这是最重要的一个，方便 CGI  辨认由表单传来的资料，虽 说可随便命名，但通常 CGI 程式中都有指定名称，若转用其它名称便需要修改该 CGI  程式了，名称可为没空白没特别符号的英文或数字，有大小写的分别，可以 写成 Your_Age，若有访客于此表单此一文字盒填入 40 的话，那末传给 CGI 的字  串便是 Your_Age=40。 </span> </li>
                <li><span><font color="#ff0000">value</font>="20"  <br />此一单行文字盒内定值。若不填写则文字盒是空白的，等待访客亲自键入，若 value="<font color="#ff0000">20</font>" 的话，  20 便会出现在文字盒中，当然访客可以修改之。 </span> </li>
                <li><span><font color="#ff0000">align</font>="MIDDLE" <br />可选值：top, middle, bottom,  left, right, texttop, baseline, absmiddle. 没太大有处。 </span> </li>
                <li><span><font color="#ff0000">size</font>="2" <br />此一单行文字盒显示的长度，若馈下是采用 Big5  编码的中文网页便要小心，同 size 的文字盒 NC 会显示得比 IE 狻长。 </span> </li>
                <li><span><font color="#ff0000">maxlength</font>="255"  <br />此一单行文字盒可输入字元的上限，为方便编排资料或避免错输入等，宜设定上 限，例如输入电话或 ICQ UIN 的可设为 8，年龄为 2 等。  </span></li>
            </ul>
            <p><span>例子： </span>
            <table width="100%" cellspacing="0" cellpadding="2" border="1">
                <tbody>
                    <tr>
                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                        <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  <br />请填入电话号码：<font color="#009595"><input type="Text" name="phone" value=""  size="10" maxlength="8"></font> <br /><font color="#009b00"></form></font>  </span></td>
                    </tr>
                    <tr>
                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                        <td bgcolor="#ffffff">
                        <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                            <span>请填入电话号码： <input maxlength="8" size="10" name="phone" />  </span>
                        </form>
                        </td>
                    </tr>
                </tbody>
            </table>
            </p>
            <hr size="2" noshade="" color="#ff0000" /> <span><font color="#ff00ff">输入方式二：</font> <font color="#ff0000">Radio</font> （单一选择）  </span>
            <p><span>例如：<input <font color="#ff0000">type</font>="Radio" <font color="#ff0000">name</font>="gender" <font color="#ff0000">value</font>="female"  <font color="#ff0000">align</font>="MIDDLE" <font color="#ff0000">checked</font>>  </span> </p>
            <ul>
                <li><span><font color="#ff0000">type</font>="Radio" <br />输入方式为 Radio，能产生一<font color="#ff0000">单一选择</font>，以供点选。 </span> </li>
                <li><span><font color="#ff0000">name</font>="gender" <br />此一 Radio 名称，<font color="#0000ff">参考 Text 部分的说明</font>。 </span> </li>
                <li><span><font color="#ff0000">value</font>="female" <br />内定值。每一个 radio 必须及仅有一个  value，通常有同时采用两个或以上<font color="#ff00ff">同 name 不同 value</font> 的 Radio  输入方式，可让使用使任选其一。 </span> </li>
                <li><span><font color="#ff0000">align</font>="MIDDLE" <br />可选值：top, middle, bottom,  left, right, texttop, baseline, absmiddle。 </span> </li>
                <li><span><font color="#ff0000">checked</font> <br />设该 Radio 为内定被选。同 name 的各个 Radio  中只能有一个使用，或全不使用这 参数。 </span></li>
            </ul>
            <p><span>例子： </span>
            <table width="100%" cellspacing="0" cellpadding="2" border="1">
                <tbody>
                    <tr>
                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                        <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  <br />请选性别： <br /><font color="#009595"><input type="Radio" name="gender"  value="Female"></font>女性 <br /><font color="#009595"><input type="Radio"  name="gender" value="Male" checked></font>男性 <br /><font color="#008000"><br></font>你喜欢吗： <br /><font color="#009595"><input  type="Radio" name="like" value="Yes"></font>喜欢 <br /><font color="#009595"><input type="Radio" name="like" value="No"></font>不喜欢  <br /><font color="#009595"><input type="Radio" name="like"  value="NotSure"></font>不肯定 <br /><font color="#009b00"></form></font>  </span></td>
                    </tr>
                    <tr>
                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                        <td bgcolor="#ffffff">
                        <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                            <span>请选性别：  <input type="radio" value="Female" name="gender" /> 女性 <input type="radio" checked="" value="Male" name="gender" /> 男性 <br />你喜欢吗： <input type="radio" value="Yes" name="like" /> 喜欢  <input type="radio" value="No" name="like" /> 不喜欢 <input type="radio" value="NotSure" name="like" /> 不肯定 </span>
                        </form>
                        </td>
                    </tr>
                </tbody>
            </table>
            </p>
            <hr size="2" noshade="" color="#ff0000" /> <span><font color="#ff00ff">输入方式三：</font> <font color="#ff0000">Checkbox</font>  （确认盒） </span>
            <p><span>例如：<input <font color="#ff0000">type</font>="Checkbox" <font color="#ff0000">name</font>="idol" <font color="#ff0000">value</font>="Leon" <font color="#ff0000">align</font>="RIGHT" checked> </span> </p>
            <ul>
                <li><span><font color="#ff0000">type</font>="Checkbox" <br />输入方式为  Checkbox，能产生一<font color="#ff0000">确认盒</font>，以供剔选。 </span> </li>
                <li><span><font color="#ff0000">name</font>="idol" <br />此一 Checkbox 名称，<font color="#0000ff">参考 Text 部分的说明</font>。 </span> </li>
                <li><span><font color="#ff0000">value</font>="Leon" <br />内定值。每一个 Checkbox 必须及仅有一个  value，当被剔选时这值便会传及 CGI，例如所传字串 idol=Leon 。 </span> </li>
                <li><span><font color="#ff0000">align</font>="RIGHT" <br />可选值：top, middle, bottom,  left, right, texttop, baseline, absmiddle。 </span> </li>
                <li><span><font color="#ff0000">checked</font> <br />设该 Checkbox 为内定被选。每个 Checkbox  都是独立的，所以每一个都可使用这 参数，不像 Radio。 </span></li>
            </ul>
            <p><span>例子： </span>
            <table width="100%" cellspacing="0" cellpadding="2" border="1">
                <tbody>
                    <tr>
                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                        <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  <br />你喜欢以下那些明星： <br /><font color="#008000"><br></font><font color="#009595"><input type="Checkbox" name="idol01" value="Leon"></font>黎明  <br /><font color="#009595"><input type="Checkbox" name="idol02"  value="Noriko_Sagai"></font>酒井法子 <br /><font color="#009595"><input  type="Checkbox" name="idol03" value="Leon"></font>郑秀文 <br /><font color="#009595"><input type="Checkbox" name="idol04" value="BonJovi"  checked></font>BonJovi <br /><font color="#009b00"></form></font>  </span></td>
                    </tr>
                    <tr>
                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                        <td bgcolor="#ffffff">
                        <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                            <span>你喜欢以下那些明星： <br /><input type="checkbox" value="Leon" name="idol01" /> 黎明  <input type="checkbox" value="Noriko_Sagai" name="idol02" /> 酒井法子 <input type="checkbox" value="Leon" name="idol03" /> 郑秀文 <input type="checkbox" checked="" value="BonJovi" name="idol04" /> BonJovi </span>
                        </form>
                        </td>
                    </tr>
                </tbody>
            </table>
            </p>
            <hr size="2" noshade="" color="#ff0000" /> <span><font color="#ff00ff">输入方式四：</font> <font color="#ff0000">Password</font>  （密码输方盒） </span>
            <p><span>例如：<input <font color="#ff0000">type</font>="Password" <font color="#ff0000">name</font>="pw" <font color="#ff0000">value</font>="999" <font color="#ff0000">align</font>="MIDDLE" <font color="#ff0000">size</font>="5" <font color="#ff0000">maxlength</font>="9"> </span> </p>
            <ul>
                <li><span>Password 的其他参数和 Text 是完全相同的，<font color="#0000ff">请参考 Text 的介绍</font>。  <br />两者作用不同，Password 所输入的字元全以<font color="#ff0000"> * </font>号表示。 </span></li>
            </ul>
            <p><span>例子： </span>
            <table width="100%" cellspacing="0" cellpadding="2" border="1">
                <tbody>
                    <tr>
                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                        <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  <br />请输入姓名：<font color="#009595"><input type="Text" name="name"></font>  <br /><font color="#009b00"><br></font>请输入密码：<font color="#009595"><input  type="Password" name="pw" maxlength="9"></font> <br /><font color="#009b00"></form></font> </span></td>
                    </tr>
                    <tr>
                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                        <td bgcolor="#ffffff">
                        <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                            <span>请输入姓名：  <input name="name" /> <br />请输入密码： <input type="password" maxlength="9" value="" name="pw" />  </span>
                        </form>
                        </td>
                    </tr>
                </tbody>
            </table>
            </p>
            <hr size="2" noshade="" color="#ff0000" /> <span><font color="#ff00ff">输入方式五：</font> <font color="#ff0000">Submit</font> （传送键）及  <font color="#ff0000">Reset</font> （清除键） </span>
            <p><span>这是表单上重要的两个按键，两者所附带的参数相同，但用处不大。 </span> </p>
            <p><span>例如：<input <font color="#ff0000">type</font>="Submit" <font color="#ff0000">name</font>="other_funtion" <font color="#ff0000">value</font>="确定"  <font color="#ff0000">align</font>="MIDDLE"> <br /><input <font color="#ff0000">type</font>="Reset" <font color="#ff0000">value</font>="清除" <font color="#ff0000">align</font>="MIDDLE"> </span> </p>
            <ul>
                <li><span><font color="#ff0000">type</font>="Submit" <br />设定输入方式为 Submit 或 Reset。  </span> </li>
                <li><span><font color="#ff0000">name</font>="other_funtion" <br />Submit 的功能随 name  的不同而不同，须和 CGI 配合。若你只需要普通的传送 键，则是其内定，不必用此参数。 </span> </li>
                <li><span><font color="#ff0000">value</font>="确定" <br />这个值不是输给 CGI  的，而是显示在按键上，可以不用，传送键的内定值为 <font color="#ff00ff">Submit Query</font>，清除键的内定值为 <font color="#ff00ff">Reset</font>。 </span> </li>
                <li><span><font color="#ff0000">align</font>="MIDDLE" <br />可选值：top, middle, bottom,  left, right, texttop, baseline, absmiddle。 </span></li>
            </ul>
            <p><span>例子： </span>
            <table width="100%" cellspacing="0" cellpadding="2" border="1">
                <tbody>
                    <tr>
                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                        <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  <br /><font color="#009595"><input type="Submit"><input  type="Reset"></font> <br /><font color="#009b00"><br></font><font color="#009595"><input type="Submit" value="         确定         "><input  type="Reset" value="清除"></font> <br /><font color="#009b00"></form></font>  </span></td>
                    </tr>
                    <tr>
                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                        <td bgcolor="#ffffff">
                        <div style="font-size: 9pt; font-family: 新细明体;">
                        <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                            <input type="submit" value="提交查询内容" name="submit" /> <input type="reset" value="重置" name="reset" /> <br /><input type="submit" value="       确定       " name="submit" /> <input type="reset" value="清除" name="reset" />
                        </form>
                        </div>
                        </td>
                    </tr>
                </tbody>
            </table>
            </p>
            <hr size="2" noshade="" color="#ff0000" /> <span><font color="#ff00ff">输入方式六：</font> <font color="#ff0000">Image</font> （图片按键）  </span>
            <p><span>这通常用以取代 Submit 及 Reset 两个按键，因为由程式产生的按键并不漂亮，这 Image 参 数便容许你采用自已制造的按键。  </span> </p>
            <p><span>例如：<input <font color="#ff0000">type</font>="Image" <font color="#ff0000">name</font>="submit" <font color="#ff0000">align</font>="BOTTOM"  <font color="#ff0000">src="http://127.0.0.1/Files/BeyondPic/2006-6/13/0661313161621144.gif">  </font></span> </p>
            <ul><font color="#ff0000">
                <li><span><font color="#ff0000">type</font>="Image" <br />输入方式为 Image。 </span> </li>
                <li><span><font color="#ff0000">name</font>="submit" <br />所要代表的按键，可以是 submit,  reset, 或其它。 </span> </li>
                <li><span><font color="#ff0000">align</font>="BOTTOM" <br />可选值：top, middle, bottom,  left, right, texttop, baseline, absmiddle。 </span> </li>
                <li><span><font color="#ff0000">src="http://127.0.0.1/Files/BeyondPic/2006-6/13/0661313161621144.gif"  <br />按键图片来源，若此图片文件不与该 html 文件在同一目录下，请加上相对或绝对途 径。 </font></span></li>
                </font></ul>
                <p><span><font color="#ff0000"><font color="#ff0000">例子： </font></font></span>
                <table width="100%" cellspacing="0" cellpadding="2" border="1">
                    <tbody>
                        <tr>
                            <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                            <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  <br /><font color="#009595"><input type="Image" name="submit" align="BOTTOM"  src="http://127.0.0.1/Files/BeyondPic/2006-6/13/0661313161678368.gif"></font>  <br /><font color="#009b00"></form></font> </span></td>
                        </tr>
                        <tr>
                            <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                            <td bgcolor="#ffffff">
                            <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                                <span><input width="60" type="image" height="20" align="bottom" src="http://127.0.0.1/Files/BeyondPic/2006-6/13/0661313161624121.gif" name="submit" /> </span>
                            </form>
                            </td>
                        </tr>
                    </tbody>
                </table>
                </p>
                <hr size="2" noshade="" color="#ff0000" /> <span><font color="#ff0000"><font color="#ff0000"><font color="#ff00ff">输入方式七：</font> <font color="#ff0000">File</font> </font></font></span>
                <p><span><font color="#ff0000"><font color="#ff0000">例如：<input <font color="#ff0000">type</font>="File" <font color="#ff0000">name</font>="upload" <font color="#ff0000">align</font>="BOTTOM"  <font color="#ff0000">size</font>="20" <font color="#ff0000">maxlength</font>="100"  <font color="#ff0000">accept</font>="text/html"> </font></font></span> </p>
                <ul><font color="#ff0000"><font color="#ff0000">
                    <li><span>input <font color="#ff0000">type</font>="File" <br />输入方式为 Image。通常用以传输文件。  </span> </li>
                    <li><span><font color="#ff0000">name</font>="upload" <br />这文件传输的名称，用以识别之用。 </span> </li>
                    <li><span><font color="#ff0000">align</font>="BOTTOM" <br />可选值：top, middle, bottom,  left, right, texttop, baseline, absmiddle。 </span> </li>
                    <li><span><font color="#ff0000">size</font>="20" <br />所显示文字盒的长度。 </span> </li>
                    <li><span><font color="#ff0000">maxlength</font>="100" <br />可输入字元的上限。 </span> </li>
                    <li><span><font color="#ff0000">accept</font>="text/html"  <br />所接受的文件类别，有二十六种选择，但可不设定。 </span></li>
                    </font></font></ul>
                    <p><span><font color="#ff0000"><font color="#ff0000">例子： </font></font></span>
                    <table width="100%" cellspacing="0" cellpadding="2" border="1">
                        <tbody>
                            <tr>
                                <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                                <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  <br /><font color="#009595"><type="File" name="upload" size="30" maxlength="100"  accept="text/html"></font> <br /><font color="#009b00"></form></font>  </span></td>
                            </tr>
                            <tr>
                                <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                                <td bgcolor="#ffffff">
                                <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                                    <span><input type="file" maxlength="100" accept="text/html" size="30" name="upload" />  </span>
                                </form>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    </p>
                    <hr size="2" noshade="" color="#ff0000" /> <span><font color="#ff0000"><font color="#ff0000"><font color="#ff00ff">输入方式八：</font> <font color="#ff0000">Hidden</font>  </font></font></span>
                    <p><span><font color="#ff0000"><font color="#ff0000">例如：<input <font color="#ff0000">type</font>="Hidden" <font color="#ff0000">name</font>="ID" <font color="#ff0000">value</font>="6618">  </font></font></span> </p>
                    <ul><font color="#ff0000"><font color="#ff0000">
                        <li><span><font color="#ff0000">type</font>="Hidden"  <br />输入方式为隐藏或内定。它不会显示任何输入介面，而是一个内定值随表单一起 传给 CGI，列如由 CGI 产生的会员号码，或传入可更改的参数以调整 CGI  而避免 修改 CGI 程式码。 </span> </li>
                        <li><span><font color="#ff0000">name</font>="ID" <br />这文件传输的名称，用以识别之用。 </span> </li>
                        <li><span><font color="#ff0000">value</font>="6618" <br />内定值，会以如 ID=6618 形式传给 CGI。  </span></li>
                        </font></font></ul>
                        <p><span><font color="#ff0000"><font color="#ff0000">例子： （"Hidden" 是不被显示的，所以这处多放了一个 "Submit" 键，表示 Hidden 之内定 值会随 submit  键被按而传给 CGI） </font></font></span>
                        <table width="100%" cellspacing="0" cellpadding="2" border="1">
                            <tbody>
                                <tr>
                                    <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                                    <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  <br /><font color="#009595"><input type="Hidden" name="ID"  value="6618"></font> <br /><font color="#009595"><input type="Submit"  value="Submit"></font> <br /><font color="#009b00"></form></font>  </span></td>
                                </tr>
                                <tr>
                                    <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                                    <td bgcolor="#ffffff">
                                    <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                                        <span><input type="hidden" value="6618" name="ID" /> <input type="submit" value="Submit" name="submit" />  </span>
                                    </form>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </p>
                        <hr size="2" noshade="" color="#ff0000" /> <span><font color="#ff0000"><font color="#ff0000"><font color="#ff00ff">输入方式九：</font> <font color="#ff0000">Button</font>  </font></font></span>
                        <p><span><font color="#ff0000"><font color="#ff0000">例如：<input <font color="#ff0000">type</font>="Button" <font color="#ff0000">name</font>="useless" <font color="#ff0000">value</font>="Back">  </font></font></span> </p>
                        <ul><font color="#ff0000"><font color="#ff0000">
                            <li><span><font color="#ff0000">type</font>="Button" <br />输入方式为一般按键。常配合 Java Script  作为其启动按键。 </span> </li>
                            <li><span><font color="#ff0000">name</font>="useless" <br />这文件传输的名称，用处不大。 </span> </li>
                            <li><span><font color="#ff0000">value</font>="Back" <br />按键显示名称。 </span></li>
                            </font></font></ul>
                            <p><span><font color="#ff0000"><font color="#ff0000">例子： 其中 <font color="#0000ff">onclick="history.go( -1 );return  true;</font> 属 JAVA 事件。 </font></font></span>
                            <table width="100%" cellspacing="0" cellpadding="2" border="1">
                                <tbody>
                                    <tr>
                                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                                        <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form></font>  <br /><font color="#009595"><input type="Button" value="回前一页"  onclick="history.go( -1 );return true;"></font> <br /><font color="#009b00"></form></font> </span></td>
                                    </tr>
                                    <tr>
                                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                                        <td bgcolor="#ffffff">
                                        <form>
                                            <span><input type="button" value="回前一页" name="button" />  </span>
                                        </form>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            </p>
                            </td>
                        </tr>
                        <tr>
                            <td bgcolor="#bbd1d1" class="article">
                            <table width="100%" cellspacing="0" cellpadding="0" align="center">
                                <tbody>
                                    <tr>
                                        <td>
                                        <div style="font-size: 9pt; font-family: 新细明体;"><font color="#ca00ca">■  <SELECT> <OPTION> ：</font></div>
                                        </td>
                                        <td align="right">
                                        <div style="font-size: 9pt; font-family: 新细明体;">▲Top</div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="article"><span><SELECT>是<font color="#ff0000">卷动选单</font>标记，每一选项皆由  <OPTION> 所标示，把它当作围堵标记或空标 记使用都可以。 </span>
                            <p><span><SELECT> 的参数设定（常用）： <br />例如： <select <font color="#ff0000">name</font>="where" <font color="#ff0000">size</font>="6" <font color="#ff0000">multiple</font>> </span> </p>
                            <ul>
                                <li><span><font color="#ff0000">name</font>="where" <br />这卷动选单的名称，作识别之用，将会传及 CGI。  </span> </li>
                                <li><span><font color="#ff0000">size</font>="6" <br />这卷动选单的列数，即其高度，请自行修改。若使用此参数则不会有  Pop Up 效 果。 </span> </li>
                                <li><span><font color="#ff0000">multiple</font> <br />令这卷动选单容许多重选择。  </span></li>
                            </ul>
                            <p><span><OPTION> 的参数设定（常用）： <br />例如： <option <font color="#ff0000">value</font>="tw" <font color="#ff0000">selected</font>> </span> </p>
                            <ul>
                                <li><span><font color="#ff0000">value</font>="tw" <br />这选项的值，将会传及  CGI。请自行修改，但不同选项必须有不同的值。 </span> </li>
                                <li><span><font color="#ff0000">selected</font>  <br />设该选项为内定被选。一个单选卷动选单只能有一项或零可内定被选。 </span></li>
                            </ul>
                            <p><span>例子一： （普通 POP UP 卷动选单）</span>
                            <table width="100%" cellspacing="0" cellpadding="2" border="1">
                                <tbody>
                                    <tr>
                                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                                        <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  Where you com from? <br /><font color="#ff80c0"><select name="where"></font>  <br /><font color="#009595"><option value="hk"></font>Hong Kong<font color="#009595"></option></font> <br /><font color="#009595"><option  value="tw" selected></font>Taiwan<font color="#009595"></option></font>  <br /><font color="#009595"><option value="cn"></font>China<font color="#009595"></option></font> <br /><font color="#009595"><option  value="us"></font>United States<font color="#009595"></option></font>  <br /><font color="#009595"><option value="ca"></font>Canada<font color="#009595"></option></font> <br /><font color="#ff80c0"></select></font> <br /><font color="#009b00"></form></font> </span></td>
                                    </tr>
                                    <tr>
                                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                                        <td bgcolor="#ffffff">
                                        <div style="font-size: 9pt; font-family: 新细明体;">
                                        <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                                            Where you com  from? <br /><select name="where">
                                            <option value="hk">Hong Kong</option>
                                            <option value="tw" selected="">Taiwan</option>
                                            <option value="cn">China</option>
                                            <option value="us">United States</option>
                                            <option value="ca">Canada</option>
                                            </select>
                                        </form>
                                        </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            </p>
                            <p><span>例子二： （容许多重选择 的卷动选单）</span>
                            <table width="100%" cellspacing="0" cellpadding="2" border="1">
                                <tbody>
                                    <tr>
                                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                                        <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  Where you com from? <br /><font color="#ff80c0"><select name="where" <font color="#ff0000">multiple</font>></font> <br /><font color="#009595"><option  value="hk"></font>Hong Kong<font color="#009595"></option></font>  <br /><font color="#009595"><option value="tw" selected></font>Taiwan<font color="#009595"></option></font> <br /><font color="#009595"><option  value="cn"></font>China<font color="#009595"></option></font> <br /><font color="#009595"><option value="us"></font>United States<font color="#009595"></option></font> <br /><font color="#009595"><option  value="ca"></font>Canada<font color="#009595"></option></font> <br /><font color="#ff80c0"></select></font> <br /><font color="#009b00"></form></font> </span></td>
                                    </tr>
                                    <tr>
                                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                                        <td bgcolor="#ffffff">
                                        <div style="font-size: 9pt; font-family: 新细明体;">
                                        <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                                            Where you com  from? <br /><select multiple="" name="where">
                                            <option value="hk">Hong Kong</option>
                                            <option value="tw" selected="">Taiwan</option>
                                            <option value="cn">China</option>
                                            <option value="us">United States</option>
                                            <option value="ca">Canada</option>
                                            </select>
                                        </form>
                                        </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            </p>
                            <p><span>例子三：（设定了 Size 的卷动选单）</span>
                            <table width="100%" cellspacing="0" cellpadding="2" border="1">
                                <tbody>
                                    <tr>
                                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                                        <td valign="top" height="60" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  Where you com from? <br /><font color="#ff80c0"><select name="where" <font color="#ff0000">size="5"</font>></font> <br /><font color="#009595"><option  value="hk"></font>Hong Kong<font color="#009595"></option></font>  <br /><font color="#009595"><option value="tw" selected></font>Taiwan<font color="#009595"></option></font> <br /><font color="#009595"><option  value="cn"></font>China<font color="#009595"></option></font> <br /><font color="#009595"><option value="us"></font>United States<font color="#009595"></option></font> <br /><font color="#009595"><option  value="ca"></font>Canada<font color="#009595"></option></font> <br /><font color="#ff80c0"></select></font> <br /><font color="#009b00"></form></font> </span></td>
                                    </tr>
                                    <tr>
                                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                                        <td bgcolor="#ffffff">
                                        <div style="font-size: 9pt; font-family: 新细明体;">
                                        <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                                            Where you com  from? <br /><select size="5" name="where">
                                            <option value="hk">Hong Kong</option>
                                            <option value="tw" selected="">Taiwan</option>
                                            <option value="cn">China</option>
                                            <option value="us">United States</option>
                                            <option value="ca">Canada</option>
                                            </select>
                                        </form>
                                        </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            </p>
                            </td>
                        </tr>
                        <tr>
                            <td bgcolor="#bbd1d1" class="article">
                            <table width="100%" cellspacing="0" cellpadding="0" align="center">
                                <tbody>
                                    <tr>
                                        <td>
                                        <div style="font-size: 9pt; font-family: 新细明体;"><font color="#ca00ca">■  <TEXTAREA> ：</font></div>
                                        </td>
                                        <td align="right">
                                        <div style="font-size: 9pt; font-family: 新细明体;">▲Top</div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            </td>
                        </tr>
                        <tr>
                            <td class="article"><span><TEXTAREA>是<font color="#ff0000">表单文字区块</font>标记，常用于  bug report, feedback 等需要填写大量资料的用 途。 </span>
                            <p><span><TEXTAREA> 的参数设定（常用）： <br />例如： <textarea <font color="#ff0000">name</font>="comments" <font color="#ff0000">cols</font>="40" <font color="#ff0000">rows</font>="4" <font color="#ff0000">wrap</font>="VIRTUAL">  </span> </p>
                            <ul>
                                <li><span><font color="#ff0000">name</font>="comments" <br />这文字区块的名称，作识别之用，将会传及  CGI。 </span> </li>
                                <li><span><font color="#ff0000">cols</font>="40" <br />这文字区块的宽度，请自行修改。 </span> </li>
                                <li><span><font color="#ff0000">rows</font>="4" <br />这文字区块的列数，即其高度，请自行修改。 </span> </li>
                                <li><span><font color="#ff0000">wrap</font>="VIRTUAL" <br />设定其折行问题，可选值为： <font color="#ff0000">off</font>, <font color="#ff0000">physical</font>, <font color="#ff0000">virtual</font>。off 表示不使用此属性，physical 时则会强迫刘览器在送资料到 CGI（Web  伺服器端）必须将实№文字中的换行一 并送出，设为 virtual 时则送出连续成串的字（除非使用者按了键盘的 RETURN / ENTER）。  </span></li>
                            </ul>
                            <p><span>例子： </span>
                            <table width="100%" cellspacing="0" cellpadding="2" border="1">
                                <tbody>
                                    <tr>
                                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">原始码</font></span></td>
                                        <td valign="top" bgcolor="#ffffff"><span><font color="#009b00"><form  action="http://your.isp.com/cgi-local/example.cgi" method="POST"></font>  <br />Give comments: <br /><font color="#009595"><textarea name="comments"  cols="40" rows="4" wrap="VIRTUAL"></font> <br />这是预设的字句，通常留空的，随你喜欢。<font color="#009595"></textarea></font> <br /><font color="#009b00"></form></font> </span></td>
                                    </tr>
                                    <tr>
                                        <td width="4%" bgcolor="#0000b7"><span><font color="#ffffff">显示结果</font></span></td>
                                        <td bgcolor="#ffffff">
                                        <div style="font-size: 9pt; font-family: 新细明体;">
                                        <form action="http://your.isp.com/cgi-local/example.cgi" method="post">
                                            Give  comments: <br /><textarea name="comments" rows="4" wrap="VIRTUAL" cols="40">这是预设的字句，通常留空的，随你喜欢。

(责任编辑：admin)

织梦二维码生成器

顶一下

(0)

踩一下

(0)

------分隔线----------------------------