建议收藏:可能是最全的Axure输入框

1 评论 2945 浏览 29 收藏 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协议

给作者打赏,鼓励TA抓紧创作!
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 原型预览及下载地址:
    https://axhub.im/pro/fee159be4467b4fe

    回复