表單-FORM
使用方法:
插入→表單→設定表單
在功能圖示選取表單
出現如下對話方塊,填入相關值
如果不填Action欄位內容,將出現一方塊提醒您將來不會有反應,不與理會則Action項不會出現
設定完成後在編輯視窗下出現一虛框
一般而言要先設定Form,在製作表單內之內容物,最後再設定送出按鈕,表單內之內容物,會框在虛框內
Form修改,滑鼠移至虛框,按右鍵出現選單,選取表單進階設定,進入表單修改畫面
表單HTML語法:
<FORM method="屬性值" action="URL" enctype="MIME 類型" target="框架名稱">填入input,select,textarea,fieldset,...欄位控制標籤................................................</FORM>
* 提供一互動功能,利用CGI程式達到伺服端與客戶端互動
* 所有欄位包括input,select,textarea,fieldset,...都需要在此標籤含遢d圍內
* method--傳遞方式有post,get兩種方式,若用get在URL後用『?』傳遞變數
* action--當表單把資料傳遞後,由cgi哪一位置之檔案來做處理
* enctype--當以post送出時MIME類型,預設為『application/x-www-form-urlencoded』, 但要傳送檔案則要『multipart/form-data』
* target--將action結果傳入哪一框架
* 若以mail傳送form,則用<form action="mailto:E-mailaddress">
表單欄位
使用方法:
插入→表單→表單欄位
在功能圖示選取表單右邊向下三角型,出現方塊選表單欄位
一定要填上欄位名稱,如果不填確定按鈕將不會出現
修改欄位屬性,將滑鼠移至該欄位按滑鼠右鍵,出現選單後,選表單欄位進階設定進入作修改。或是選取修正區,在在功能圖示選取表單欄位,進入修改。
表單HTML語法:
<INPUT type="屬性值" name="屬性值" value="屬性值" size="n" maxlength="n" accesskey="屬性值" checked readonly disabled></INPUT >屬性說明:
* type指定欄位型態:
o TEXT---文字輸入欄
o text可提供一個單行輸入欄位,欄位長度由size控制用maxlength控制最大長度 PASSWORD---密碼欄
o password--類似text,但輸入文字會以*出現 HIDDEN---隱藏欄
o hidden--沒有輸入介面,但會將value值送出 RADIO---單選鈕
o radio--只能做單一選擇,被選取時會出現一黑點 CHECKBOX---多選鈕
o checkbox--可重複選擇 SUBMIT---送出鈕
o submit--會將所填入資料送出給action所指定程式處理 BUTTON---按鈕
o RESET---重置鈕
o reset--清除所填入資料 IMAGE---圖片欄
o image--以圖片為使用者輸入介面,使用者輸入資料成為滑鼠在圖形上之座標值 FILE---檔案欄 file--產生一下拉選單,選取檔案 NAME--設定該欄位名稱
* * VALUE--該欄位內定值,會出現在該欄位顯示區
* SIZE--該欄位顯示寬度,單位是字元,內定為20個字元
* MAXLENGTH--該欄位最大輸入長度
* ACCESSKEY--設定快速鍵
* CHECKED--該欄位為預定選項
* READONLY--該欄位只能用來顯示資料
* DISABLE--該欄位不可被選取
訪客無法瀏覽此圖片或連結,請先 註冊 或 登入會員 。
表單欄位
使用方法:
插入→表單→表單欄位
在功\能圖示選取表單右邊向下三角型,出現方塊選表單欄位
一定要填上欄位名稱,如果不填確定按鈕將不會出現
修改欄位屬性,將滑鼠移至該欄位按滑鼠右鍵,出現選單後,選表單欄位進階設定進入作修改。或是選取修正區,在在功\能圖示選取表單欄位,進入修改。
表單HTML語法:
<INPUT type="屬性值" name="屬性值" value="屬性值" size="n"
maxlength="n" accesskey="屬性值" checked readonly disabled>
</INPUT >
屬性說明:
* type指定欄位型態:
o TEXT---文字輸入欄
o text可提供一個單行輸入欄位,欄位長度由size控制用maxlength控制最大長度 PASSWORD---密碼欄
o password--類似text,但輸入文字會以*出現 HIDDEN---隱藏欄
o hidden--沒有輸入介面,但會將value值送出 RADIO---單選鈕
o radio--只能做單一選擇,被選取時會出現一黑點 CHECKBOX---多選鈕
o checkbox--可重複選擇 SUBMIT---送出鈕
o submit--會將所填入資料送出給action所指定程式處理 BUTTON---按鈕
o RESET---重置鈕
o reset--清除所填入資料 IMAGE---圖片欄
o image--以圖片為使用者輸入介面,使用者輸入資料成為滑鼠在圖形上之座標值 FILE---檔案欄
file--產生一下拉選單,選取檔案 NAME--設定該欄位名稱
* * VALUE--該欄位內定值,會出現在該欄位顯示區
* SIZE--該欄位顯示寬度,單位是字元,內定為20個字元
* MAXLENGTH--該欄位最大輸入長度
* ACCESSKEY--設定快速鍵
* CHECKED--該欄位為預定選項
* READONLY--該欄位只能用來顯示資料
* DISABLE--該欄位不可被選取
訪客無法瀏覽此圖片或連結,請先 註冊 或 登入會員 。 多行文字輸入
使用方法:
插入→表單→多行文字輸入
在功能圖示選取表單右邊向下三角型,出現方塊選多行文字輸入
一定要填上欄位名稱,如果不填確定按鈕將不會出現
修改欄位屬性,將滑鼠移至該欄位按滑鼠右鍵,出現選單後,選表單欄位進階設定進入作修改。或是選取修正區,在在功能圖示選取表單欄位,進入修改。
多行文字HTML語法:
產生一塊長方形編輯視窗,可以多行輸入<TEXTAREA name="屬性值" wrap="屬性值" cols="n" rows="n"></TEXTAREA >
屬性說明:
* name--設定該欄位名稱
* cols--顯示長度,當使用者超過時,將出現捲軸
* rows--顯示寬度,當使用者超過時,將出現捲軸
* wrap--
o OFF
o 輸入文字超過欄位寬度時不會自動換行,但出現捲軸 VIRTUAL
o 輸入文字超過欄位寬度時會自動換行,送出資料時, 按enter鍵才會換行,其他部份不會自動換行 PHYSICAL 依照螢幕所見方式將資料送出
訪客無法瀏覽此圖片或連結,請先 註冊 或 登入會員 。