input組成:共有九個屬性(視需要選用)
<input type="."、name="."、 value="."、 size="."、 maxlenght="." 、checked="." 、readonly="."、 disabled="."、 accesskey=".">
type、name為必須要欄位,其餘視狀況需要選用;readonly、 disabled、 accesskey。
|
說明如下:
- type="指定欄位型式":(依用途別,也是有9種類型)(詳下面範例)
text、password、hidden、radio、checkbox、submit、reset、image、file
- name="資料欄名稱,傳送資料到伺服器給後端程式處理的變數值"
- value="預設字串,該值會在欄位中出現"
- size="欄位寬度,單位字元,內定為20個字元"
- maxlength="欄位資料輸入最大長度,單位字元"
- checked="預設某個選項為預定選項"
- readonly="只能顯示資料,不能輸入"
- disabled="該欄位不能被選取的"
- accesskey="設定為加速鍵"
|
TYPE格式型態(屬性值):(範例介紹)
|
- text(文字填寫型態):【請看範例】
- password(密碼填寫型態):【請看範例】
- hidden(隱藏欄位型態):詳見password範例
- radio(單一的圈選點鈕):【請看範例】
- checkbox(查對/核對選擇方塊):【請看範例】
- range(拉霸) 【請看範例】
- output (html5 新增): 輸出 【請看範例】
- submit(同意/確認鈕):詳見 password 範例
- reset(放棄/清除鈕):詳見 password 範例
- image form(圖像表單):【請看範例】
- file form(傳遞檔案):【請看範例】
|
注意:本頁最上端<head>...</head>間,放置一些常見的宣言用標籤;請用檢視=>原始碼查看
|