readonly和disabled的異同

好久木有寫部落格了，今來逛逛

首先呢，說說不同點，因為人的第一印象是最深的，所以先說不同。

1.readonly只適用於type = text和password這兩種屬性的input，當然textarea自然也是可以的啦。而disabled適用於所有的表單，包括按鈕。

2.在使用submit方式提交表單的時候，readonly是可以提交內容的，可以的可以的可以的，重要的事情說三遍。而disabled是不可以的，提交的時候不會提交內容。

3.readonly屬性可以使用js新增onfocus事件，而disabled不可以。

然後說相同點，

1.兩者都有true or false屬性值，當然也都可以寫成# = 「#」；的形式。

2.兩者都是為了保留表單預設屬性值，並且不允許修改而設定的。

最後說下用法，

1.一般的話都是搭配使用，而且在使用的時候其實可以通過一些手段（js）達到相同的效果（disabled向readonly方向），所以這裡推薦使用readonly屬性。當然disabled也必然是有存在作用的，很多時候非用不可，也有很多時候用了能達到很好的效果。

2.關於disabled提交表單時的問題。我們寫程式必然是要考慮諸多因素和情形的，在使用者重複點選提交和網速較慢的情況下，我們就要做防護措施，防止重複提交造成的資料庫資料冗餘。而最好的方法就是在提交後對button也新增disabled屬性。

好了，關於這個問題就說這麼多，當然其實本人實踐不足，取各家之長總而結之而已。