1. 程式人生 > >常見的HTML元素及常見檢查點

常見的HTML元素及常見檢查點

1.<select>標籤,可建立單選或多選選單

檢查點:下拉列表資料的正確性、資料被選中是否正確、是否變形、是否只讀、多選/單選是否正確

2.<label>標籤,相當於一個展示文字框

檢查點:文字是否正確;文字字型、大小、顏色、間距是否正確;for屬性是否綁定了正確的元素等

3.<input>標籤,用於收集使用者資訊

檢查點:根據不同type屬性,輸入欄位擁有很多形式。可以是文字欄位、複選框、掩碼後的文字控制元件、單選按鈕、按鈕等

4.<button>可點選的按鈕,點選後通常會觸發相應事件

檢查點:點選按鈕後觸發的行為和期望不符合;頁面卡死未響應;點選後變形等

5.<text>文字輸入

檢查點:是否只讀;SQL注入攻擊;輸入內容超過文字框長度是否引起形變等

6.<checkbox>多選框

檢查點:選中/取消勾選是否有效;文字長度過長是否引起形變;頁面重新整理後是否被自動取消/勾選等

7.<radio>單選框

檢查點:單選是否有效;文字長度過長是否引起形變;頁面重新整理後是否被自動取消/勾選等。

8.image圖片區域

檢查點:圖片載入是否正確;圖片載入失敗或關閉時行為是否符合預期;滑鼠指標移動到圖片上後顯示的文字是否正確;圖片是否可以正確點選/拖曳等

9.<submit>,提交當前form表單中指定的頁面

檢查點:提交資訊完整性

10.session和cookie

檢查點:session:在伺服器端儲存的資料;cookie:在客戶端儲存的資料(存在一個SessionID與伺服器匹配)