設計網頁時，有時需要從Client-Side禁止使用者點選、編輯某些網頁元素(如TextBox、Select、Radio、Checkbox...)。偏偏設成唯讀的做法Input, TextArea, Select不盡相同，還要小心設定disabled屬性會影響值是否傳回Server-Side，過去我還特別寫了很複雜的JS萬用函數負責將各元件設成唯讀。 AJAX開始流行起來之後，我注意到其中一項有意思的特效--Modal Dialog。當使用者叫出某個檔案上傳或選取器對話框時，為了要求使用者完成選項才將焦點交回原網頁，會用一段Javascript將整個網頁刷灰，禁止使用者點選操作，唯一能操作的區塊只有聚焦的對話框...