表單主要分為兩部分:
一是HTML文檔描述的表彰;
二是提交后的表單處理(服務(wù)器端處理數(shù)據(jù),這里只介紹客戶端)
表單的格式如下:
<form name="" method="" action="" enctype="">
表單項(xiàng),文字,圖片等
</form>
描述:name表示表單的名稱;action用來(lái)指定接收表彰數(shù)據(jù)的服務(wù)器頁(yè)面(JSP,PHP)等等;methos是指定表彰的傳輸方式,post或get;enctype指定傳遞數(shù)據(jù)的編碼方式。
表單有以下幾個(gè)常用表單項(xiàng),可以用來(lái)輸入數(shù)據(jù):
<input type="text"> 單行文本框
<input type="password"> 密碼
<input type="submit">提交表單按鈕
<input type="image"> 圖片提交
<input type="reset"> 重置按鈕
<input type="button">普通按鈕
<input type="hidden">隱藏元素
<input type="radio">單選按鈕
<input type="checkbox">復(fù)選框
<input type="file">文件域
<select>...</select>列表框
<textarea>...</textarea>多行文本框
各個(gè)表單項(xiàng)的簡(jiǎn)單介紹
單行文本框的格式:
<input type=text name="名稱" size="數(shù)值" value="預(yù)設(shè)內(nèi)容" maxlength="數(shù)值">
密碼框格式:
<input type=password name="名稱" size="數(shù)值" value="預(yù)設(shè)內(nèi)容" maxlength="數(shù)值">
提交按鈕:
<input type=submit name="名稱" value="預(yù)設(shè)內(nèi)容"
圖片提交:
<input type=image src="圖片路徑" name="名稱" alt="替代文本" width="寬度" height="高度">
其中alt是指在光標(biāo)經(jīng)過(guò)圖像或者圖像不顯示時(shí)的替換文本
重置按鈕格式:
<input type="reset" name="名稱" value="預(yù)設(shè)內(nèi)容">
普通按鈕格式:
<input type="button" name="名稱" value="預(yù)設(shè)內(nèi)容">
其可以和Javascript一塊使用,如:
<input type="button" name="button1" value="單擊進(jìn)入" onclick="alert('單擊按鈕')">
隱藏元素按鈕:
<input type="hidden" name="參數(shù)" value="參數(shù)取值">
功能:多用于向服務(wù)器傳遞一些不需要用戶所知道的一些信息,如IP地址。
單選按鈕格式:
<input type="radio" name="名稱" value="預(yù)設(shè)內(nèi)容" checked="checked">
復(fù)選框格式:
<input type="checkbox" name="名稱" value="預(yù)設(shè)內(nèi)容" checked="checked">
下拉列表格式:
<select name="名稱" size="大小" multiple="multiple">
<option value=""></option>
<option value=""></option>
</select>
多行文本框格式:
<textarea name="名稱" rows="行數(shù)" cols="列數(shù)"></textarea>