表單語法介紹

form標籤

【標籤格式】
<form action="n1" method="n2" enctype="n3" name="n4">
...
</form>

1.action屬性
設定這個表單在填寫完成以後要送給Server上的哪一個程序處理,有可能是CGI程序、ASP程序、PHP程序或是EXE程序。
例如:<form action="addnew.asp">

2.method屬性
設 定傳送數據的方式,一個是GET,它的運作方式是當用戶填完數據送出後,瀏覽器會將所填入的變量名稱及數據加在一個屬性所指定的URL之後,依HTTP將 數據傳送出去,而Server會把數據存在QUERY-SRTING這個環境變量當中,供處理程序使用。這個方法送出的數據不能超過512Byte。另一 個是POST,是把用戶所填的數據變成一個數據包(Package),傳到ACTION屬性所指位置(url)去,這個就不會有數據大小的限制。
例如:<form action="addnew.asp" method="get">
例如:<form action="addnew.asp" method="post">

3.enctype屬性
設定要送出的數據使用何種編碼方式,我們編寫的表單大多數是用瀏覽器預設的編碼方式,但是也有其他種類的編碼方式,如文件上傳的程序就是用其他的編碼格式。
例:<form enctype="multipart/form-data" action="cpshost.dll?publish?/main.asp">

4.name屬性
給予這個form元素一個名字,將來在應用程序才能指定特定的formy元素。
例如:<form name="Thisform" action="Addnew.asp">

INPUT標籤

【標籤格式】
<input name="n1" type="n2">
主要功能是提供一個可輸入的界面供用戶輸入或是送出數據給Server。

1.name屬性
給予這個input元素一個名稱,將來在應用程序才能指定特定的input元素。

2.type屬性
設定<input>標籤輸入元件的格式。
1)type=text
2)type=password
3)type=radio 注:此屬性值後面還可以跟一個value屬性,是給Server端的程序使用的,如果Server端的程序要讀取sel變量的值時,就會讀到value中所寫的值。
4)type=checkbox
5)type=reset
6)type=submit
7)type=hidden

select標籤

【標籤格式】
<select name="n1">
<option value="n2">n3
</select>
其中<select>標籤中的name屬性是這個選項的變量名稱,而<option>中的value屬性則是設定要傳送給Server的程序時所讀取的變量值。

textarea標籤

【標籤格式】
<textarea name="n1" rows="n2" cols="n3"></textarea>
這個標籤提供多行多列的輸入元件,用戶可在元件中做文字的編輯,name屬性是給予<textarea>標籤一個名字,未來輸入的數據即是通過此名稱傳送出去,rows是設定行數,cols是設定列數。

========================================================
表單標籤範例:
<html>
<head>
<title>表單標籤範例</title>
</head>
<body background="bg.jpg">
<form name="thisform" action="goto.asp">
姓名:<input type="text" name="cname" size="25" /><br />
電話:<input type="text" name="ctel" size="25" /><br />
地址:<input type="text" name="caddr" size="50" /><br />
密碼:<input type="password" name="pwd" /><br />
你是通過何種方式知道本站的?<br />
<input type="radio" name="sel" value="1">我是從報紙看到這個網站的<br />
<input type="radio" name="sel" value="2">我通過朋友介紹知道本站的<br />
<input type="radio" name="sel" value="3">我是從搜索引擎搜索到本站的<br />
<input type="radio" name="sel" value="4">我是從電視上知道本站的<br />
請問下面哪首歌曲是莫文蔚唱的?<br />
<input type="checkbox" name="song1" value="風一樣的男子">風一樣的男子<br />
<input type="checkbox" name="song2" value="陰天">陰天<br />
<input type="checkbox" name="song3" value="雙城故事">雙城故事<br />
<input type="checkbox" name="song4" value="日子">日子<br />
<input type="checkbox" name="song4" value="沒時間">咩時間<br />
<input type="checkbox" name="song4" value="忽然之間">忽然之間<br />
<select name="day">
請問今天是星期幾?<br />
<option value="星期一">星期一
<option value="星期二">星期二
<option value="星期三">星期三
<option value="星期四">星期四
<option value="星期五">星期五
<option value="星期六">星期五
<option value="星期日">星期日
</select><br />
請您在此發表自己的意見,謝謝<br />
<textarea name="memo" cols="50" rows="5">
請在此輸入文字
</textarea>
<input type="reset" value="清楚輸入">
<input type="submit" value="送出">
</form>
</body>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章