1. 程式人生 > 實用技巧 >web表單元素

web表單元素

1 基本語法

在這裡插入圖片描述
get 會把表單內容呈現在位址列上
post 不會把表單內容呈現在位址列上 安全
實際開發中通常採用 post 方式提交表單內容
post 提交的資料量比 get 要大

2 表單元素格式

在這裡插入圖片描述
在這裡插入圖片描述
密碼框文字框的區別
密碼框 會把輸入內容以小黑點的方式顯示
文字框 顯示輸入內容

2.1 單選框

checked 預設選擇狀態
同一類type值要相同
在這裡插入圖片描述

2.2 複選框

同一組 name 值要相同
否則雖然可以實現相同的效果 但不為一組
在這裡插入圖片描述

2.3 列表框

2.3.1 效果

在這裡插入圖片描述

2.3.2 語法

selected 預設被選中標籤
在這裡插入圖片描述

2.3.3 程式碼

在這裡插入圖片描述

2.4 按鈕

在這裡插入圖片描述
圖片按鈕
botton按鈕

圖片按鈕 沒有實際功能
需要開發者賦予實際功能

2.5多行文字域

在這裡插入圖片描述
在這裡插入圖片描述

2.6 特殊文字框

2.6.1 郵箱

在這裡插入圖片描述

2.6.2 網址

在這裡插入圖片描述

2.6.3 數字

在這裡插入圖片描述

2.6.4 滑塊

在這裡插入圖片描述

2.6.5 搜尋框

在這裡插入圖片描述

2.7 高階應用

2.7.1 隱藏域

在這裡插入圖片描述

2.7.2 只讀

在這裡插入圖片描述

2.7.3 禁用

在這裡插入圖片描述