今天給大家分享一組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種效果。大家可以在演示頁面查看。
今天的這裡就結束了，有問題或者想下載原型的小夥伴們可以在下方評論處給我留言哦，我們下期見。
題圖來自 Unsplash，基於CC0協議
閱讀更多 人人都是產品經理 的文章
