建議收藏:可能是最全的Axure輸入框

5 評論 6108 瀏覽 33 收藏 6 分鐘

今天給大家分享一組Axure常用輸入框,喜歡該原型的小伙伴們可以在評論處給我留言哦。

原型演示地址:https://www.pmdaniu.com/storages/111043/90259fe099ea5c2a7bcdaf1d19cbe459-69620/start.html#g=1&p=%E9%A6%96%E9%A1%B5

效果演示

1. 一般輸入框

移入時淺藍色,獲取焦點時深藍色。

2. 必填輸入框

在一般輸入框的效果真加了兩個效果,沒有輸入時顯示紅色,輸入正確后顯示綠色。

3. 必填輸入框+提示效果

輸入錯誤時,會彈出提示框。

4. 多行輸入框

樣式和上面一致,大家可以在演示頁面查看。

5. 限制位數輸入框

限制了輸入框能輸入多少個字,原型庫提供多種樣式,包括單行和多行輸入框,有提示和無提示。大家可以在演示頁面查看。

6. 數字輸入框

只能輸入數字,原型庫提供多種樣式,包括選填、必填、提示效果。大家可以在演示頁面查看。

7. 英文輸入框

只能輸入英文,原型庫提供多種樣式,包括選填、必填、提示效果。大家可以在演示頁面查看。

8. 中文輸入框

只能輸入中文,原型庫提供多種樣式,包括選填、必填、提示效果。大家可以在演示頁面查看。

9. 非中文輸入框

不能輸入中文的輸入框,原型庫提供多種樣式,包括選填、必填、提示效果。大家可以在演示頁面查看。

10. 身份證輸入框

身份證號碼的輸入框,能判斷輸入的身份證號碼是否正確,原型庫提供多種樣式,包括選必填、提示效果。大家可以在演示頁面查看。

11. 手機號輸入框

手機號碼的輸入框,能判斷輸入的手機號碼是否正確,原型庫提供多種樣式,包括選必填、提示效果。大家可以在演示頁面查看。

12. 電子郵箱輸入框

電子郵箱的輸入框,能判斷輸入的電子郵箱是否正確,原型庫提供多種樣式,包括選必填、提示效果。大家可以在演示頁面查看。

13. 密碼輸入框

密碼的輸入框,原型庫提供多種樣式,包括選選填、必填、提示、包含字母和數字、限制字數、可視等16種效果。大家可以在演示頁面查看。

今天的分享到這里就結束了,有問題或者想下載原型的小伙伴們可以在下方評論處給我留言哦,我們下期見。

 

本文由 @梓賢Vigo 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自 Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 我想要

    來自廣東 回復
  2. 我想要

    來自廣東 回復
  3. 留言就有原型庫嗎?

    來自廣東 回復
  4. 厲害

    來自江蘇 回復
  5. 原型預覽及下載地址:
    https://axhub.im/pro/fee159be4467b4fe

    來自廣東 回復