| |Form|Password|Hidden|Radio|Checkbox|Select|Textarea|File|Button / Submit / Reset|Image| | |
|---|---|
| 表單處理 |
|
|
Text | |
基本語法 | |
| Text 不是一個獨立的元件,它是 Input 元件的一種使用型態。其基本語法如下: | |
| <input type="text" name="名稱" value="預設值" size="寬度" maxlength="可輸入的字元數"> | |
參數說明 | |
| name 係指該元件的名稱,例如:UserName。在事件處理程序中,您可以用 document.FormName.UserName 來稱呼它。 | |
| value 用來填寫此一文字輸入框的預設輸入內容。 | |
| size 用來設定此一文字輸入框在畫面上顯示的寬度。 | |
| maxlength 用來設定此一文字輸入框所容許輸入的字元數。 | |
| 假如您將它設為 8 的話,IE 允許使用者最多輸入 8 個中文字(或 8 個半形的英數字),而 Netscape 則允許使用者最多輸入 4 個中文字(或 8 個半形的英數字)。 | |
| 如果您希望此一文字框的值不被使用者修改,又需要將這個值隨著 form 傳送的話,您可以加上 readonly 參數。例:<input type="text" name="UserName" value="chensh" readonly> | |
| 如果您希望此一文字框失效(無法使用)的話,您可以加上 disabled 參數。例:<input type="text" name="UserName" value="chensh" disabled> | |
| 其他參數的使用請自行參閱 HTML Specification。 | |
使用範例 | |
| 使用者端: | |
|
<form action="act.php" name="DemoForm" onsubmit="return Final_Check( );"> <input type="text" name="UserName" value=""> <input type="text" name="RealName" value="" readonly> <input type="submit"> </form> | |
| 當使用者按下 Submit 鍵時,將依 Final_Check( ) 的傳回值決定是否送出資料給 act.php。 | |
|
<script language="JavaScript"> function Final_Check( ) { // 若使用者未輸入個人帳號時予以警告,並將輸入游標停駐在 UserName 上 if ( document.DemoForm.UserName.value == "" ) { alert ("請輸入您的帳號!"); document.DemoForm.UserName.focus(); return false; } // 若使用者輸入的個人帳號是 chensh 時,將「陳信宏」這個值指定給 RealName // 這只是一個示範,在實作上的意義不大 if ( document.DemoForm.UserName.value == "chensh" ) { document.DemoForm.RealName.value = "陳信宏"; } return true; } </script> | |
|
伺服器端: | |
| 這些資料將以元件名稱做為變數名稱,傳送到伺服器端。 | |
|
<? echo $UserName; echo $RealName; ?> | |
| 若 register_globals 被設定為 off 時,您必須視資料傳送所使用的 method(GET/POST),改用 $_GET['變數名稱']、$_POST['變數名稱'] 或 $_REQUEST['變數名稱'] 來取得變數內容。 | |
|
| |
| |Form|Password|Hidden|Radio|Checkbox|Select|Textarea|File|Button / Submit / Reset|Image| | |


基本語法