input屬性：
placeholder:輸入框的默認值，向用戶顯示描述性說明文字或者提示信息
autocomplete：值為on和off。。on則代表當該字段填寫并提交后再返回該頁，再輸入時會顯示以前輸入的。off則是關閉，包含用戶輸入數據的安全。默認為on
autofocus：頁面載入時設置某個input自動獲取焦點，注意該頁面只能設置一個input的這個屬性，設置多個相當于沒有設置。
list特性和datalist：通過list為某個輸入框增加下拉列表。。相當于js實現的“自動完成”功能，但是不能進行模糊查詢
如果datalist內有2項值："a34343"和"并24234",用戶希望的是輸入了3后這2個值都出現，但實際上一個也不出現。
它要求是完全匹配，比如輸入a，則下拉a34343出現，接著輸入4，那么這個下拉值也就沒有了。
required：表單提交前該元素必須填寫，即不能為空。不建議使用，因為提示信息‘請填寫此字段'，除非有屬性可以代替該提示信息。
pattern：給input標簽內寫正則的地方。。type為email或url的輸入控件內置相關正則表達式，如果value不符合其正則表達式，那表單將通不過驗證，無法提交。。
不建議給type為email或url的元素使用，因為提示信息固定,正則固定。。還不如js直接重寫。
一些輸入設置：
rangeUnderflow 限制數值控件的最小值 設置min， input type="number" min="0" value="20"
rangeOverflow 限制數值控件的最大值 設置max，input type="number" max="100" value="20"
stepMismatch 確保輸入值符合min,max,step的設置 設置max min step， input type="number" min="0" max="100" step="10" value="20"
</pre>
下面是input=number用的一個小函數：
- function inputV(inpFields,tips){//input值范圍判斷。。0-100.正正數
- /**
- * input值范圍判斷。。0-100.正正數
- * range 范圍：使用<input type="number" min="0" max="100"/>
- * if(inputV(v3,msgABC.t4)==false){return false;}
- * **/
- var km=inpFields[0].validity,v3=inpFields.val();
- console.log('不是數字：',km.badInput,'超出范圍：',km.rangeOverflow,'小于最小值：',km.rangeUnderflow);
- if(km.badInput||km.rangeOverflow||km.rangeUnderflow){//a返回true 22返回true -1 返回 true
- alert(tips);
- return false;
- }
- if(isNaN(parseInt(v3))){
- console.log('NaN 不判斷.因為值為空');
- return true;
- }
- else if(!!isNaN(v3)||parseInt(v3)!=parseFloat(v3)){//不是數字!!isNaN('v3')
- alert(tips);
- return false;
- }
- return true;
- }
- HTC M8怎么換主題 M8換主題方法12-23
- 錘子手機如何開啟單手撥號面板12-23
- OPPO R7拍照音如何關閉12-23
- LG G3如何開啟來電翻轉靜音12-23
- 兩種方式登錄FTP10-30
- 查看一個頂級域名下所有的二級域名10-30
- 用HOSTS文件屏蔽網站 建立網站映射的方法10-30
- 域名狀態及其意義總結10-30
- 二級域名原理以及程序，申請即可開通10-28
新聞熱點
疑難解答
圖片精選