表單是什麼? ——表單不是表格。
使用者可提供某些一定的資料或資訊或選項的一些html元素。表單通常有一個「提交」按鈕,然後可以將這些資料據/資訊/選項提供給伺服器上的程式使用量—資料處理。
-表單的核心是資料。
表單標籤的構成與形式:
到底有哪些表單項目?
單行文字方塊:
value:設定其中的初始文字
size:設定其輸入框的寬度(單位是「字元寬」)-其中能放置該數量的字元
maxlength:設定此輸入框最多能輸入的字元數
readonly:這是一個“無值”屬性,表示“只讀”,則寫法是:readonly=”readonly”
disable: 設定此輸入框“無效”,即資料無效。
密碼框:
其他屬性:
value:設定其中的初始文字
size:設定其輸入框的寬度(單位是「字元寬」)-其中能放置該數量的字元
maxlength:設定此輸入框最多能輸入的字元數
單一選項:
說明:單一選項通常必須有value值;
以預設為選取的狀態。也是一個「無值屬性」
name特別說明:一組單一選項的要求name值必須相同。
多重選項:
說明:多重選項通常必須有value值;
以預設為選取的狀態。也是一個「無值屬性」
提交按鈕:
說明:點選提交按鈕,則表單就會「被提交」,即資料會傳入至表單的action所設定的文件中去。
圖片按鈕:
說明:圖片按鈕的功能其實也是「提交」,但其顯示的效果是一張圖片-這樣有利於美化頁面。
重設按鈕:
說明:將所有表單的所有使用者填寫或選取的資料恢復至初始狀態
普通按鈕:
說明:對表單中沒有影響,且可從中產生「動作」以達到其他要求(js程序)
檔案域:
說明:可讓使用者選擇以本地端的檔案(並傳送至伺服器)-檔案也是資料。
隱藏域:
說明:以「隱藏的資料」為與伺服器提交給伺服器-程式所需。
下拉選擇:使用select及option標籤配合實現。但要把此當作「一個表單項目」