html表單標記簡單使用
1、<form>...</form> 表單標記
基本語法格式：
<form action="url" method="get|post" name="name" onSubmit="" target="">
</form>屬性說明：
action屬性：改屬性用來指定處理表單資料程式的URL地址。
method屬性：改屬性用來指定資料傳送到伺服器的方式。有兩種屬性值，get和post
name屬性：指定表單的名稱，可自定義
onSubmit屬性：指定當使用者單擊提交按鈕時觸發的事件。target屬性：指定輸入資料結果顯示在哪個視窗中，_blank標示在新視窗中開啟目標檔案；_self表示在同一個視窗中開啟，該項一般不用設定；_parent表示在上一級視窗中開啟，一般使用框架頁時經常使用；_top表示在瀏覽器的整個視窗中開啟，忽略任何框架。
2、<input>表單輸入標記
是使用最頻繁的表單標記，基本語法格式如下：
<input type="image" disabled="disabled" checked="checked" width="digit" maxlength="digit"
readonly="" size="digit" src="Uri" usemap="Uri" alt="" name="checkbox" value="checkbox">屬性值：
type：用於指定新增的是哪種型別的輸入欄位：有text、password、file、radio、checkbox等
disabled：指定輸入欄位不可用，即欄位變成灰色，其屬性值可以為空值，也可以指定為disabled
checked：指定輸入欄位是否處於被選中狀態，用type屬性值為radio和checkbox的情況
width：指定輸入欄位寬度，用type屬性值為image情況
height：指定輸入欄位高度，用type屬性值為image情況
maxlength：指定可輸入文字個數，用於type為text和password情況，預設沒有字數限制
readonly：設定為只讀，屬性值可為空，也可為readonly
size：指定圖片來源，type屬性值為image時有效
usemap：為圖片設定熱點地圖，type屬性值為image時有效
alt：用於指定當圖片無法顯示時顯示的文字，type屬性值為image時有效
name：指定輸入欄位的名稱
value：指定輸入欄位預設的資料值,當type為checkbox和radio時，不可省略，指定的是資料項選定時的值。當type屬性值為button、reset、submit時，指定的是按鈕上的顯示文字；
3、<select >...<select>下拉列表框標記
基本語法：
<select name="name" size="digit" multiple="multiple" disabled="disabled">
</select>屬性：
name：列表框的名稱
size：顯示的選項數量，超出通過拖動滾動條檢視
disabled：指定列表框不可用
multiple：用於讓多行列表框支援多選
4、<textarea> 多行文字標記
基本語法格式：
<textarea cols="digit" rows="digit" name="name" disabled="disabled" readonly="readonly" warp="value">預設值
</textarea>屬性值：
name：指定多行文字框名稱，表單提交後，在伺服器端獲取表單資料時應用
cols：指定多行文字框顯示的列數(寬度)
rows：指定多行文字框顯示的行數(高度)
disabled：指定多行文字框不可使用(變灰)
readonly：指定當前多行文字框只讀
warp：設定選中的文字是否自動換行：可選值：hard：預設值，自動換行，提交到伺服器時換行符同時被提交；soft：自動換行，但是換行符不被提交；off“：不自動換行
下面給出一個簡單的示例：
<body><form action="" method="post" name="myform">
使用者名稱：<input name="username" type="text" id="UserName4" maxlength="20"><br>
密碼：<input name="pwd1" type="password" id="PWD14" size ="20" maxlength="20"><br>
確認密碼：<input name="pwd2" type="password" id="PWD25" size ="20" maxlength="20"><br>
性別：<input name="sex" type="radio" class="noborder" value="男" checked>
男
<input name="sex" type="radio" class="noborder" value="女" checked>
女 <br>
愛好：<input name="like" type="checkbox" id="like" value="體育">體育
<input name="like" type="checkbox" id="like" value="旅遊">旅遊
<input name="like" type="checkbox" id="like" value="聽音樂">聽音樂
<input name="like" type="checkbox" id="like" value="看書">看書<br>
E-mail：<input name="email" type="text" id="PWD224" size="50"><br>
<textarea name="content" cols="20" rows="5" wrap="hard"></textarea> <br>
<input name="Submit" type="submit" class="btn_grey" value="確定儲存">
<input name="Reset" type="reset" class="btn_grey" id="Reset" value="重新填寫">
<input name="imageField" type="image" src="images/btn_bg.jpg">
</form>
<select name="select">
<option>數碼相機區</option>
<option>攝影器材</option>
<option>MP3/MP4/MP5</option>
<option>U盤/行動硬碟</option>
</select>
多行列表框(不可多選)：
<select name="select2" size="2">
<option>數碼相機區</option>
<option>攝影器材</option>
<option>MP3/MP4/MP5</option>
<option>U盤/行動硬碟</option>
</select>
多行列表框(可多選)：
<select name="select3" size="3" multiple>
<option>數碼相機區</option>
<option>攝影器材</option>
<option>MP3/MP4/MP5</option>
<option>U盤/行動硬碟</option>
</select>
</body>