html中圖片自適應(yīng)(HTML中圖片自適應(yīng)屏幕)
以下為常規(guī)的需求,除非需求有明確說明,如密碼輸入框中可以輸入空格。
輸入框
1. 為空,但頁面中明確說明不能為空(帶有星號或者只有這一個輸入框),有以下兩種情況:
a. 不進行輸入或者使其為空:焦點離開后應(yīng)有相應(yīng)的提示,提交后頁面無跳轉(zhuǎn)并仍有相應(yīng)的提示。
b. 輸入框中存在一個或者多個空格:焦點離開后空格被自動清除并有相應(yīng)的提示,提交后頁面無跳轉(zhuǎn)并仍有相應(yīng)的提示。
2. 輸入長度超限,有以下兩種情況:
a. 可以輸入任意長度的字符:焦點離開后應(yīng)有相應(yīng)的提示,提交后頁面無跳轉(zhuǎn)并仍有相應(yīng)的提示。
b. 只能輸入指定長度以內(nèi)的字符:焦點離開后無相應(yīng)的提示,提交后頁面跳轉(zhuǎn)并且相關(guān)的頁面顯示和功能都正常。
3. 特殊字符,尤其是成對的單引號,雙引號:無需提示,但提交后相關(guān)的頁面顯示和功能都正常。
4.對于只能輸入數(shù)字類型的輸入非半角阿拉伯?dāng)?shù)字的其他字符:
a. 輸入立即被清除,無需提示。
b. 焦點離開后有相應(yīng)的提示,提交后頁面無跳轉(zhuǎn)并仍有相應(yīng)的提示。
搜索框
1.為空,有以下兩種情況:
a. 只有這一個搜索框,無組合查詢:進行搜索時無提示但焦點位于該搜索框內(nèi),不執(zhí)行搜索。
b. 還有其他查詢條件控件,有組合查詢:進行搜索時無提示但焦點可位于其他控件,忽略該搜索框,執(zhí)行搜索。
2.關(guān)鍵字兩邊帶有空格:進行搜索時會自動清除兩邊的空格并執(zhí)行搜索。
3.關(guān)鍵字長度超限:進行搜索時有相應(yīng)的提示并不執(zhí)行搜索。
日歷控件
以下4個條件都應(yīng)滿足:
1. 截止日期/時間控件的選擇范圍不能晚于當(dāng)前時間;
2. 截止日期/時間控件的選擇范圍不能早于起始日期/時間控件的已經(jīng)選擇的日期/時間;
3. 起始日期/時間控件的選擇范圍不能晚于截止日期/時間控件的已經(jīng)選擇的日期/時間;
4. 選擇某一日期/時間控件的日期/時間后再清除該選擇,另一日期/時間控件的日期/時間選擇范圍不受規(guī)則2和3的限制。
上傳圖片控件
以下4個條件都應(yīng)滿足:
1. 選擇的文件非指定格式的圖片文件后有相應(yīng)的提示并且該文件沒有被上傳;
2. 選擇的文件大于指定的圖片大小(指所占的磁盤空間)后有相應(yīng)的提示并且該文件沒有被上傳;
3. 選擇的文件大于指定的圖片尺寸(指圖片的長和寬)后有相應(yīng)的提示并且該文件沒有被上傳;
4. 圖片上傳成功后可以在之前的圖片區(qū)域正確顯示。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。