現(xiàn)在你已經(jīng)對(duì)【文本輸入框】部件及其不同的類(lèi)型有了一定了解，下面網(wǎng)站建設(shè)小編將通過(guò)一個(gè)案例來(lái)鞏固一下。在這個(gè)案例中，用戶(hù)在按要求輸入用戶(hù)名、密碼和郵箱后，必須要勾選【我已閱讀并同意協(xié)議】才可以單擊【立即注冊(cè)】按鈕，否則【立即注冊(cè)】按鈕為不可點(diǎn)擊狀態(tài)（禁用）。

第一步：按圖145所示，在【部件】面板中分別拖放標(biāo)題、文本輸入框、復(fù)選框、按鈕等部件到設(shè)計(jì)區(qū)域，并按照?qǐng)D示進(jìn)行相關(guān)設(shè)置。

（圖145）

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

（圖146）

（圖147）

（圖148）

第三步：給【復(fù)選框】添加事件，當(dāng)【復(fù)選框】被勾選時(shí)，啟用【立即注冊(cè)】按鈕；當(dāng)【復(fù)選框】未選中時(shí)，禁用【立即注冊(cè)】按鈕，見(jiàn)圖149。

（圖149）

第四步：選中【立即注冊(cè)】按鈕，在右側(cè)的部件【屬性】面板中給其添加【鼠標(biāo)單擊時(shí)】事件，在當(dāng)前窗口打開(kāi)page1，見(jiàn)圖150。

（圖150）

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