10-表单标签

表单标签

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

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

参数：
    action:表单通常是与 CGI 配合使用的，参数 action 便是用以指明该 CGI 程式的位置，这 样此表单所填的资料才能正确传给 CGI 作处理。若馈下没有 CGI 以进行测试，可 设定此参数为 ACTION="mailto:your@email.com" 那样该表单所填的资料将会寄至 此电邮地址

    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必须及仅有一个value
checked:该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/reset
name:submit的功能随name而不同
value:显示在按钮上的值
    传送的内定值：submit query
    清除的内定值：reset

图片按钮

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

type：输入方式为image
name：代表的按键，可以是submit，reset
align：对齐，可以为left top middle bottom right textop baseline absmiddle
src：图片的来源路径

文件

<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：输入方式file
name：文件传输的名称
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）