使用者32673428859847312019-08-02 17:45:52在設計網頁時，有時需要將輸入框設定為只讀狀態，即其中的內容不可編輯，實現這種設計的方法有兩種：使用input的disable和readonly兩個屬性。先來看下二者的區別： 可以看到，雖然兩種都是讓input的內容不能被使用者編輯，但是對於後期的美工處理就有問題了！例如： 只有readonly的那個文字是藍色的！disabled是按系統設定的disabled顏色來設定前景色的，css對其無效！另外，readonly和disabled還有一個不同點就是，當input屬性為readonly時，提交表單是可以獲得input的內容。如果是disabled則不能獲得所提交的內容，返回值全部為null，所以此處需要注意。慎用readonly和disabled，指定了disabled的表單，在submit時，不會把它的值傳出去。例如，有兩個text，一個是readonly一個是disabled，submit後，只能傳送那個不是disabled的。注意位址列的值。 要儲存到本地，因為submit了，不然，看不到效果。