欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費電子書(shū)等14項超值服

開(kāi)通VIP
HTML語(yǔ)言剖析(八)表單標記_HTML教程
<FORM> <INPUT>
INPUT 的種類(lèi): Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。
<SELECT> <OPTION>
<TEXTAREA>
■ 引子
表單的用處很多,于網(wǎng)上無(wú)處不見(jiàn),當然是配合 CGI 使用為佳,所以饋下有意使用或學(xué) 習 CGI 的話(huà),表單設計見(jiàn)必需的,這一節介紹的標記不多,但其參數變化很多。一份表單的基本架構是:在 <FORM> 標記 的包圍下加上一種或以上的表單輸入方式及一個(gè)或以上的按鍵。
<FORM> <INPUT> :
<FORM>稱(chēng)為表單標記,用以宣告此為表單模式,屬于一個(gè)容器標記,表示其它表單標記需要在它的包圍中才有效,<INPUT>便是其中的一個(gè),用以設定各種輸入資料的方法。它 是一個(gè)空標記。

<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 作處理。若饋下沒(méi)有 CGI 以進(jìn)行測試,可 設定此參數為 ACTION="mailto:your@email.com" 那樣該表單所填的資料將會(huì )寄至 此電郵地址(紅色部分)。
  • method="POST"
    傳送資料給 CGI 的的方式,可選值為 POST, GET。你只需記住POST容許傳送大量資料,但 GET則只接受低于 1K 的資 料,所以你若看過(guò)別人的表單原始碼的話(huà),你會(huì )發(fā)現申請表單用的是POST 而搜 找器用的是 GET。

<INPUT> 的參數設定(常用):
由于其第一個(gè)參數 type 己有很多的選擇,而不同的選擇表示出不同的輸入方式,且其它 參數亦因此而異,故以下將獨立介紹不同輸入方式及其它參數設定。


輸入方式一: Text (單行文字盒)

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

  • type="Text"
    輸入方式為 Text,能產(chǎn)生一單行文字盒,上限為 255 字元。
  • name="age"
    此一單行文字盒名稱(chēng),這是最重要的一個(gè),方便 CGI 辨認由表單傳來(lái)的資料,雖 說(shuō)可隨便命名,但通常 CGI 程式中都有指定名稱(chēng),若轉用其它名稱(chēng)便需要修改該 CGI 程式了,名稱(chēng)可為沒(méi)空白沒(méi)特別符號的英文或數字,有大小寫(xiě)的分別,可以 寫(xiě)成 Your_Age,若有訪(fǎng)客于此表單此一文字盒填入 40 的話(huà),那末傳給 CGI 的字 串便是 Your_Age=40。
  • value="20"
    此一單行文字盒內定值。若不填寫(xiě)則文字盒是空白的,等待訪(fǎng)客親自鍵入,若 value="20" 的話(huà), 20 便會(huì )出現在文字盒中,當然訪(fǎng)客可以修改之。
  • align="MIDDLE"
    可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle. 沒(méi)太大有處。
  • size="2"
    此一單行文字盒顯示的長(cháng)度,若饋下是采用 Big5 編碼的中文網(wǎng)頁(yè)便要小心,同 size 的文字盒 NC 會(huì )顯示得比 IE 狻長(cháng)。
  • maxlength="255"
    此一單行文字盒可輸入字元的上限,為方便編排資料或避免錯輸入等,宜設定上 限,例如輸入電話(huà)或 ICQ UIN 的可設為 8,年齡為 2 等。

例子:

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
請填入電話(huà)號碼:<input type="Text" name="phone" value="" size="10" maxlength="8">
</form>
顯示結果
請填入電話(huà)號碼:


輸入方式二: Radio (單一選擇)

例如:<input type="Radio" name="gender" value="female" align="MIDDLE" checked>

  • type="Radio"
    輸入方式為 Radio,能產(chǎn)生一單一選擇,以供點(diǎn)選。
  • name="gender"
    此一 Radio 名稱(chēng),參考 Text 部分的說(shuō)明。
  • value="female"
    內定值。每一個(gè) radio 必須及僅有一個(gè) value,通常有同時(shí)采用兩個(gè)或以上同 name 不同 value 的 Radio 輸入方式,可讓使用使任選其一。
  • align="MIDDLE"
    可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
  • checked
    設該 Radio 為內定被選。同 name 的各個(gè) Radio 中只能有一個(gè)使用,或全不使用這 參數。

例子:

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
請選性別:
<input type="Radio" name="gender" value="Female">女性
<input type="Radio" name="gender" value="Male" checked>男性
<br>你喜歡嗎:
<input type="Radio" name="like" value="Yes">喜歡
<input type="Radio" name="like" value="No">不喜歡
<input type="Radio" name="like" value="NotSure">不肯定
</form>
顯示結果
請選性別: 女性 男性
你喜歡嗎: 喜歡 不喜歡 不肯定


輸入方式三: Checkbox (確認盒)

例如:<input type="Checkbox" name="idol" value="Leon" align="RIGHT" checked>

  • type="Checkbox"
    輸入方式為 Checkbox,能產(chǎn)生一確認盒,以供剔選。
  • name="idol"
    此一 Checkbox 名稱(chēng),參考 Text 部分的說(shuō)明。
  • value="Leon"
    內定值。每一個(gè) Checkbox 必須及僅有一個(gè) value,當被剔選時(shí)這值便會(huì )傳及 CGI,例如所傳字串 idol=Leon 。
  • align="RIGHT"
    可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
  • checked
    設該 Checkbox 為內定被選。每個(gè) Checkbox 都是獨立的,所以每一個(gè)都可使用這 參數,不像 Radio。

例子:

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
你喜歡以下那些明星:
<br><input type="Checkbox" name="idol01" value="Leon">黎明
<input type="Checkbox" name="idol02" value="Noriko_Sagai">酒井法子
<input type="Checkbox" name="idol03" value="Leon">鄭秀文
<input type="Checkbox" name="idol04" value="BonJovi" checked>BonJovi
</form>
顯示結果
你喜歡以下那些明星:
黎明 酒井法子 鄭秀文 BonJovi


輸入方式四: Password (密碼輸方盒)

例如:<input type="Password" name="pw" value="999" align="MIDDLE" size="5" maxlength="9">

  • Password 的其他參數和 Text 是完全相同的,請參考 Text 的介紹。
    兩者作用不同,Password 所輸入的字元全以 * 號表示。

例子:

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
請輸入姓名:<input type="Text" name="name">
<br>請輸入密碼:<input type="Password" name="pw" maxlength="9">
</form>
顯示結果
請輸入姓名:
請輸入密碼:


輸入方式五: Submit (傳送鍵)及 Reset (清除鍵)

這是表單上重要的兩個(gè)按鍵,兩者所附帶的參數相同,但用處不大。

例如:<input type="Submit" name="other_funtion" value="確定" align="MIDDLE">
<input type="Reset" value="清除" align="MIDDLE">

  • type="Submit"
    設定輸入方式為 Submit 或 Reset。
  • name="other_funtion"
    Submit 的功能隨 name 的不同而不同,須和 CGI 配合。若你只需要普通的傳送 鍵,則是其內定,不必用此參數。
  • value="確定"
    這個(gè)值不是輸給 CGI 的,而是顯示在按鍵上,可以不用,傳送鍵的內定值為 Submit Query,清除鍵的內定值為 Reset。
  • align="MIDDLE"
    可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle。

例子:

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<input type="Submit"><input type="Reset">
<br><input type="Submit" value="         確定         "><input type="Reset" value="清除">
</form>
顯示結果


輸入方式六: Image (圖片按鍵)

這通常用以取代 Submit 及 Reset 兩個(gè)按鍵,因為由程式產(chǎn)生的按鍵并不漂亮,這 Image 參 數便容許你采用自已制造的按鍵。

例如:<input type="Image" name="submit" align="BOTTOM" src="ex_icon.gif">

  • type="Image"
    輸入方式為 Image。
  • name="submit"
    所要代表的按鍵,可以是 submit, reset, 或其它。
  • align="BOTTOM"
    可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
  • src="ex_icon.gif"
    按鍵圖片來(lái)源,若此圖片文件不與該 html 文件在同一目錄下,請加上相對或絕對途 徑。

例子:

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<input type="Image" name="submit" align="BOTTOM" src="ex_icon.gif">
</form>
顯示結果


輸入方式七: File

例如:<input type="File" name="upload" align="BOTTOM" size="20" maxlength="100" accept="text/html">

  • input type="File"
    輸入方式為 Image。通常用以傳輸文件。
  • name="upload"
    這文件傳輸的名稱(chēng),用以識別之用。
  • align="BOTTOM"
    可選值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
  • size="20"
    所顯示文字盒的長(cháng)度。
  • maxlength="100"
    可輸入字元的上限。
  • accept="text/html"
    所接受的文件類(lèi)別,有二十六種選擇,但可不設定。

例子:

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<type="File" name="upload" size="30" maxlength="100" accept="text/html">
</form>
顯示結果


輸入方式八: Hidden

例如:<input type="Hidden" name="ID" value="6618">

  • type="Hidden"
    輸入方式為隱藏或內定。它不會(huì )顯示任何輸入介面,而是一個(gè)內定值隨表單一起 傳給 CGI,列如由 CGI 產(chǎn)生的會(huì )員號碼,或傳入可更改的參數以調整 CGI 而避免 修改 CGI 程式碼。
  • name="ID"
    這文件傳輸的名稱(chēng),用以識別之用。
  • value="6618"
    內定值,會(huì )以如 ID=6618 形式傳給 CGI。

例子: ("Hidden" 是不被顯示的,所以這處多放了一個(gè) "Submit" 鍵,表示 Hidden 之內定 值會(huì )隨 submit 鍵被按而傳給 CGI)

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<input type="Hidden" name="ID" value="6618">
<input type="Submit" value="Submit">
</form>
顯示結果


輸入方式九: Button

例如:<input type="Button" name="useless" value="Back">

  • type="Button"
    輸入方式為一般按鍵。常配合 Java Script 作為其啟動(dòng)按鍵。
  • name="useless"
    這文件傳輸的名稱(chēng),用處不大。
  • value="Back"
    按鍵顯示名稱(chēng)。

例子: 其中 onclick="history.go( -1 );return true; 屬 JAVA 事件。

原始碼 <form>
<input type="Button" value="回前一頁(yè)" onclick="history.go( -1 );return true;">
</form>
顯示結果

 

<SELECT>是卷動(dòng)選單標記,每一選項皆由 <OPTION> 所標示,把它當作圍堵標記或空標 記使用都可以。

<SELECT> 的參數設定(常用):
例如: <select name="where" size="6" multiple>

  • name="where"
    這卷動(dòng)選單的名稱(chēng),作識別之用,將會(huì )傳及 CGI。
  • size="6"
    這卷動(dòng)選單的列數,即其高度,請自行修改。若使用此參數則不會(huì )有 Pop Up 效 果。
  • multiple
    令這卷動(dòng)選單容許多重選擇。

<OPTION> 的參數設定(常用):
例如: <option value="tw" selected>

  • value="tw"
    這選項的值,將會(huì )傳及 CGI。請自行修改,但不同選項必須有不同的值。
  • selected
    設該選項為內定被選。一個(gè)單選卷動(dòng)選單只能有一項或零可內定被選。

例子一: (普通 POP UP 卷動(dòng)選單)

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> Where you com from?
<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>
顯示結果
Where you com from?

例子二: (容許多重選擇 的卷動(dòng)選單)

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> Where you com from?
<select name="where" multiple>
<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>
顯示結果
Where you com from?

例子三:(設定了 Size 的卷動(dòng)選單)

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> Where you com from?
<select name="where" size="5">
<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>
顯示結果
Where you com from?

 

<TEXTAREA> :
<TEXTAREA>是表單文字區塊標記,常用于 bug report, feedback 等需要填寫(xiě)大量資料的用 途。

<TEXTAREA> 的參數設定(常用):
例如: <textarea name="comments" cols="40" rows="4" wrap="VIRTUAL">

  • name="comments"
    這文字區塊的名稱(chēng),作識別之用,將會(huì )傳及 CGI。
  • cols="40"
    這文字區塊的寬度,請自行修改。
  • rows="4"
    這文字區塊的列數,即其高度,請自行修改。
  • wrap="VIRTUAL"
    設定其折行問(wèn)題,可選值為: off, physical, virtual。off 表示不使用此屬性,physical 時(shí)則會(huì )強迫劉覽器在送資料到 CGI(Web 伺服器端)必須將實(shí)№文字中的換行一 并送出,設為 virtual 時(shí)則送出連續成串的字(除非使用者按了鍵盤(pán)的 RETURN / ENTER)。

例子:

原始碼 <form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
Give comments:
<textarea name="comments" cols="40" rows="4" wrap="VIRTUAL">
這是預設的字句,通常留空的,隨你喜歡。</textarea>
</form>
顯示結果
Give comments:
  

本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請點(diǎn)擊舉報。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
[Python]python怎樣從表單中提取數據?
通過(guò)jQuery提交表單并阻止表單的默認提交
中斷一個(gè)表單提交請
Asp學(xué)習五 表單標簽各種輸入類(lèi)型
submit()和onsubmit()的區別
3、Form 表 單
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導長(cháng)圖 關(guān)注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久