input設置不可編輯？

在設計網頁時，有時需要將輸入框設置為只讀狀態，即其中的內容不可編輯，實現這種設計的方法有兩種：使用input的disable和readonly兩個屬性。 先來看下二者的區別： <input type= "text " readonly= "true " value= "這是readonly的！ "><input type= "text " disabled= "true " value= "這是disabled的！ "> 可以看到，雖然兩種都是讓input的內容不能被用戶編輯，但是對于后期的美工處理就有問題了！ 例如： <style>input{color:blue;}</style> 只有readonly的那個文本是藍色的！disabled是按系統設置的disabled顏色來設置前景色的，css對其無效！ 另外，readonly和disabled還有一個不同點就是，當input屬性為readonly時，提交表單是可以獲得input的內容。如果是disabled則不能獲得所提交的內容，返回值全部為null，所以此處需要注意。慎用readonly和disabled，指定了disabled的表單，在submit時，不會把它的值傳出去。 例如，有兩個text，一個是readonly一個是disabled，submit后，只能發送那個不是disabled的。注意地址欄的值. 要保存到本地，因為submit了，不然，看不到效果。