现在你已经对【文本输入框】部件及其不同的类型有了一定了解，下面网站建设小编将通过一个案例来巩固一下。在这个案例中，用户在按要求输入用户名、密码和邮箱后，必须要勾选【我已阅读并同意协议】才可以单击【立即注册】按钮，否则【立即注册】按钮为不可点击状态（禁用）。

第一步：按图145所示，在【部件】面板中分别拖放标题、文本输入框、复选框、按钮等部件到设计区域，并按照图示进行相关设置。

（图145）

第二步：选中【立即注册】按钮，在右侧的部件【属性】面板中勾选【禁用】，见图146。然后设置【禁用】时的交互样式，设置其禁用时的填充颜色为，#999999，见图147。单击工具栏中的【预览】按钮，此时【立即注册】按钮为灰色（禁用状态）。禁用状态是指，即使该按钮上添加了事件，也是无法点击执行，见图148。

（图146）

（图147）

（图148）

第三步：给【复选框】添加事件，当【复选框】被勾选时，启用【立即注册】按钮；当【复选框】未选中时，禁用【立即注册】按钮，见图149。

（图149）

第四步：选中【立即注册】按钮，在右侧的部件【属性】面板中给其添加【鼠标单击时】事件，在当前窗口打开page1，见图150。

（图150）

第五步：在顶部的工具栏中点击【预览】按钮，或者按下快捷键F5/Shift+Command+P，快速预览交互效果。