10-表单标签

表单标签

<form>:表单标记，属于容器<input>:容器中的输入，用以设定各种输入数据的方法

<form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> 

参数：    action:表单通常是与 CGI 配合使用的，参数 action 便是用以指明该 CGI 程式的位置，这 样此表单所填的资料才能正确传给 CGI 作处理。若馈下没有 CGI 以进行测试，可 设定此参数为 ACTION="mailto:[e-mail]" 那样该表单所填的资料将会寄至 此电邮地址    method:post/get        post：容许传送大量的数据        get：只能接受低于1K的数据

文字输入

    <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">        TEST：<input type = "txt" name = "age" value = "20" align = "middle" size = "120" maxlength = "200">    </form>

参数：    type：输入方式为TEXT，产生单行文字盒，上限200，    name：单行文字的名称，很重要    value：单行文字盒内的内定值，不填写为空白，    size：单行显示的长度    maxlength：单行输入的上限

单选项

性别：<input type = "radio" name = "gender" value = "male" >男性     <input type = "radio" name = "gender" value = "female" checked>女性<br>爱好：<input type = "radio" name = "like" value = "yes" >看电影     <input type = "radio" name = "like" value = "yes">踢足球

type：输入方式为radio，单一选择name：radio的名称value：每一个radio必须及仅有一个valuechecked:该radio内定被选上

确认盒

住址：<input type = "checkbox" name = "add" value = "addr" checked>深圳     <input type = "checkbox" name = "add" value = "addr" >上海     <input type = "checkbox" name = "add" value = "addr" >广州

type：输入方式为checkbox,name: checkbox的名字value: checkbox的内定值checked：默认选上

密码输入盒

登入账户：<input type = "text" name = "acco" value = "" size = "20" maxlength = "25"><br>登录密码：<input type = "password" name = "pass" value = "" size = "20" maxlength = "25">

password:和text一样，只是输入的字符以*显示

传送和清除

<input type = "submit" name = "other_func" value = "确认" align = "middle"><input type = "reset" name = "other_func" value = "清除" align = "middle">

type:输入方式为submit/resetname:submit的功能随name而不同value:显示在按钮上的值    传送的内定值：submit query    清除的内定值：reset

图片按钮

<input type = "image" name = "submit" align = "bottom" src = "verycode.gif">

type：输入方式为imagename：代表的按键，可以是submit，resetalign：对齐，可以为left top middle bottom right textop baseline absmiddlesrc：图片的来源路径

文件

<input type = "file" name = "upload" align = "bottom" size = "20" accept = "text/html"><input type="File" name="upload" align="BOTTOM" size="20" maxlength="100" accept="text/html"> 

type：输入方式filename：文件传输的名称align：可选size：文字盒的长度maxlength：可输入字元的上限accept：所接受的文件类型，

hidden

<input type="Hidden" name="ID" value="6618"> 

type="Hidden" 输入方式为隐藏或内定。它不会显示任何输入介面，而是一个内定值随表单一起 传给 CGI，列如由 CGI 产生的会员号码，或传入可更改的参数以调整 CGI 而避免 修改 CGI 程式码。 name="ID" 这文件传输的名称，用以识别之用。 value="6618" 内定值，会以如 ID=6618 形式传给 CGI。 

按钮

<input type="Button" name="useless" value="Back"> 

type="Button" 输入方式为一般按键。常配合 Java Script 作为其启动按键。 name="useless" 这文件传输的名称，用处不大。 value="Back" 按键显示名称。 

卷动选单

<SELECT>是卷动选单标记，每一选项皆由 <OPTION> 所标示，把它当作围堵标记或空标 记使用都可以

<select name="where" size="6" multiple>

name="where" ：这卷动选单的名称，作识别之用，将会传及 CGI。 size="6" ：这卷动选单的列数，即其高度，请自行修改。若使用此参数则不会有 Pop Up 效 果。 multiple ：令这卷动选单容许多重选择。 

<option value="tw" selected>

value="tw" :这选项的值，将会传及 CGI。请自行修改，但不同选项必须有不同的值。 selected :设该选项为内定被选。一个单选卷动选单只能有一项或零可内定被选

文字块

 <textarea name="comments" cols="40" rows="4" wrap="VIRTUAL"> 

name:文字区块的名称cols:文字区块的宽rows:文字区块的列wrap：设定折行    off:不使用此属性    physical:强迫刘览器在送资料到 CGI（Web 伺服器端）必须将实№文字中的换行一 并送出    virtual:送出连续成串的字（除非使用者按了键盘的 RETURN / ENTER）