現在你已經對【文本輸入框】部件及其不同的類型有了一定了解，下面網站建設小編將通過一個案例來鞏固一下。在這個案例中，用戶在按要求輸入用戶名、密碼和郵箱后，必須要勾選【我已閱讀并同意協議】才可以單擊【立即注冊】按鈕，否則【立即注冊】按鈕為不可點擊狀態（禁用）。

第一步：按圖145所示，在【部件】面板中分別拖放標題、文本輸入框、復選框、按鈕等部件到設計區域，并按照圖示進行相關設置。

（圖145）

第二步：選中【立即注冊】按鈕，在右側的部件【屬性】面板中勾選【禁用】，見圖146。然后設置【禁用】時的交互樣式，設置其禁用時的填充顏色為，#999999，見圖147。單擊工具欄中的【預覽】按鈕，此時【立即注冊】按鈕為灰色（禁用狀態）。禁用狀態是指，即使該按鈕上添加了事件，也是無法點擊執行，見圖148。

（圖146）

（圖147）

（圖148）

第三步：給【復選框】添加事件，當【復選框】被勾選時，啟用【立即注冊】按鈕；當【復選框】未選中時，禁用【立即注冊】按鈕，見圖149。

（圖149）

第四步：選中【立即注冊】按鈕，在右側的部件【屬性】面板中給其添加【鼠標單擊時】事件，在當前窗口打開page1，見圖150。

（圖150）

第五步：在頂部的工具欄中點擊【預覽】按鈕，或者按下快捷鍵F5/Shift+Command+P，快速預覽交互效果。