<acronym id="p33pj"><strong id="p33pj"></strong></acronym>
  • <p id="p33pj"><strong id="p33pj"></strong></p>
    <track id="p33pj"></track><td id="p33pj"></td>
    <p id="p33pj"></p>
  • <pre id="p33pj"><ruby id="p33pj"></ruby></pre>

      1. <p id="p33pj"></p>
        axure商城

        Axure文本框功能使用詳解

        Axure文本框功能不僅可以作為普通文本框使用,還可以將文本框設置為日期格式、時間格式、文件格式......

        1、普通文本格式

        應用場景:比如設計《新增用戶》功能,需要輸入用戶昵稱,則可以使用文本框控件,設置提示文字;

        》從元件庫拉入一個“文本框”控件,該文本框默認的輸入類型為“文本”,假如需要設置提示文本,在輸入文字時,提示文本消失,這時候可以在交互-“提示文本”中進行設置,例如“請輸入用戶昵稱”。

        》如果需要在鼠標點擊控件時,提示文本消失,則在【隱藏提示】中選擇“獲取焦點”

        2、密碼格式

        應用場景:假設在設計《登錄頁》時,需要設計密碼這個字段,則可以使用密碼格式完成功能設計。

        》同樣從元件庫中拖拽一個“文本框”,選中該文本框,在右側操作欄點擊【交互】,輸入類型選擇“密碼”

        》預覽時,輸入文字顯示為“密文”

        3、搜索格式

        應用場景:當設計《查詢頁》功能時,需要輸入關鍵字搜索,并可以一鍵刪除輸入的文字

        》選中文本框控件,在右側操作欄點擊【交互】,輸入類型選擇“搜索”

        》預覽查看效果:

        4、日期格式

        應用場景:假如需要設計《用戶注冊》功能,需要填寫用戶生日信息,則需要用到日期控件

        》同樣選中文本框控件,在右側操作欄點擊【交互】,輸入類型選擇“日期”

        》預覽時可查看日期效果:

         

        5、文件格式

        應用場景:我們往往在設計表單時,會設計“附件”字段,該字段操作效果為點擊控件,打開本地目錄,選擇本地文件。文本框控件就可以實現該復雜的交互邏輯

        》選中文本框,在右側操作欄點擊【交互】,輸入類型選擇“文件”

        》預覽查看效果:

        6、其他:該控件還有網址、郵箱、url等功能,小伙伴們可以根據實際需要設置使用,這邊就不一一說明啦

        給TA打賞
        共{{data.count}}人
        人已打賞
        基礎教程

        Axure多個單選框設置預覽時只選中一個

        2021-8-14 9:49:45

        基礎教程

        Axure教程:高保真滾動抽獎

        2021-10-27 13:59:09

        axure商城
        7 條回復 A文章作者 M管理員
        1. Qenby??

          選擇了交互,但是沒有“提示文字樣式”??要怎么解

          • 黃老師

            你這個元件是矩形 要拖入文本框元件 才會有提示文字樣式。

        2. 吳黎。

          您好,您用的是Axure10嗎?

        3. *夏秋秋秋秋

          第一個文本中,為什么選擇了交互,文本框消失只顯示提示文字了

        4. 47啊

        ?
        個人中心
        購物車
        優惠劵
        今日簽到
        有新私信 私信列表
        搜索
        国产亚洲日韩在线a不卡
        <acronym id="p33pj"><strong id="p33pj"></strong></acronym>
      2. <p id="p33pj"><strong id="p33pj"></strong></p>
        <track id="p33pj"></track><td id="p33pj"></td>
        <p id="p33pj"></p>
      3. <pre id="p33pj"><ruby id="p33pj"></ruby></pre>

          1. <p id="p33pj"></p>