表單主要分為兩部分:
- 是HTML文檔描述的表單照筑;
- 是提交后的表單處理。
表單的格式如下:
<form name="" method="" action="" enctype="">
表單項,文字凝危,圖片等
</form>
描述:name表示表單的名稱波俄;action用來指定接收表單數(shù)據(jù)的服務(wù)器頁面(JSP,PHP)等等蛾默;methos是指定表彰的傳輸方式懦铺,post或get;enctype指定傳遞數(shù)據(jù)的編碼方式。
表單有以下幾個常用表單項支鸡,可以用來輸入數(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> | 多行文本框 |
各個表單項的簡單介紹
單行文本框的格式:
<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="高度">
重置按鈕格式:
<input type="reset" name="名稱" value="預(yù)設(shè)內(nèi)容">
普通按鈕格式:
<input type="button" name="名稱" value="預(yù)設(shè)內(nèi)容">
隱藏元素按鈕:
<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>