<center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>

    案例9:同意協(xié)議方可繼續(xù)注冊(cè)會(huì)員

    • 2022-03-24 16:38:21
    • 閱讀次數(shù):
    • 作者:盈嵐科技小編
    • 來(lái)源:http://m.ww44088.com

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

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

    11.jpg

    (圖145)

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

    11.jpg

    (圖146)

    11.jpg

    (圖147)

    11.jpg

    (圖148)

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

    11.jpg

    (圖149)

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

    11.jpg

    (圖150)

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


    當(dāng)前文章標(biāo)題:案例9:同意協(xié)議方可繼續(xù)注冊(cè)會(huì)員

    當(dāng)前URL:http://m.ww44088.com/news/wzzz/3390.html

    上一篇:案例8:給中繼器中的項(xiàng)設(shè)置交替背景色

    下一篇:挑戰(zhàn)6:密碼輸入框禁用/啟用的交互

    網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號(hào))
    亚洲bt欧美bt中文字幕,囯产剧情亚洲精品无码一页,国产欧美va欧美va香蕉在,国产激情久久99久久 亚洲国产视频95 婷婷六月在线视频中文字幕
    <center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>