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

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

效果演示

1. 一般輸入框

移入時(shí)淺藍(lán)色，獲取焦點(diǎn)時(shí)深藍(lán)色。

2. 必填輸入框

在一般輸入框的效果真加了兩個(gè)效果，沒有輸入時(shí)顯示紅色，輸入正確后顯示綠色。

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

輸入錯(cuò)誤時(shí)，會彈出提示框。

4. 多行輸入框

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

5. 限制位數(shù)輸入框

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

6. 數(shù)字輸入框

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

7. 英文輸入框

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

8. 中文輸入框

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

9. 非中文輸入框

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

10. 身份證輸入框

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

11. 手機(jī)號輸入框

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

12. 電子郵箱輸入框

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

13. 密碼輸入框

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

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

本文由 @梓賢Vigo 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于CC0協(xié)議