input常用屬性

　　對於input的使用，大家都很熟悉的，<input> 標簽用於搜集用戶信息。根據不同的 type 屬性值，輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。下面總結下個人經常使用過的一些屬性。　　

　　

　　text          文本域      

　　button　　 按鈕

　　checkbox　復選　

　　file　　　　文件類型限制

　　hidden　　隱藏域

　　password   密碼域

　　radio　　　單選

　　reset　　　重置按鈕

　　submit　　確認按鈕

 

　　type="text" 

 

<input type="text" name="名稱" disabled="disabled" value="禁用" maxlength="20" size="50">
<input type="text" name="名稱" readonly="readonly" value="只讀" maxlength="20" size="30">

 

　　效果圖

　　name —— 定義 input 元素的名稱。

　　disabled —— 當 input 元素加載時禁用此元素。

　　value —— 規定 input 元素的值。

 

　　maxlength —— 規定輸入字段中的字符的最大長度。

 

　　size —— 定義輸入字段的寬度。

　type="file" 

　
　　比如之前做的上傳歌曲的demo,可以利用表單提交的方法。直接限制input type='file'的文件類型限制，通過accept屬性進行設定,多個類型用逗號分隔開;multiple="multiple"是允許多個上傳；然后將它隱藏，UI層按鈕可以通過自定義一個標簽來美化，可以寫這句代碼來觸發它

$("#picker").on("click",function(){
        $("#fi").get(0).click();
    })

　　效果圖：

　　

　　具體的上傳到服務器這些就不寫了，自己寫的比較粗糙，網上有現成的插件，效果都挺好的，具體是什么插件就百度吧，就不幫打廣告了。