在設計網頁的時候，有時候我們需要將輸入框設置爲只讀狀態，即其中的內容不可編輯，實現這種設計的方法有兩種，分別是使用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了,不然,看不到效果.
<input type="text" value="只讀是可以讀取其文字內容的但不能編輯和輸入" readonly size="100">
<input type="text" value="文字變灰不能讀取其文字內容也不能編輯和輸入" disabled size="100">