input中的disabled 和 readonly的區別

 

對於input框，設置readonly後，輸入框不能編輯，可是能夠觸發獲取焦點，因此致使在移動端，點擊輸入框時會出現鍵盤的頂部。應該設置disabled屬性

設置disabled屬性後，input不會被觸發獲取焦點，不會出現上面問題。

另外設置disabled後，輸入框會變灰色，能夠經過樣式重設，改變樣式。

//要設置透明度，由於disabled會默認有一個opacity

input[disabled]{

color:#111;

opacity:1.0   

}