建议收藏:可能是最全的Axure输入框
今天给大家分享一组Axure常用输入框,喜欢该原型的小伙伴们可以在评论处给我留言哦。
效果演示
1. 一般输入框
移入时浅蓝色,获取焦点时深蓝色。
2. 必填输入框
在一般输入框的效果真加了两个效果,没有输入时显示红色,输入正确后显示绿色。
3. 必填输入框+提示效果
输入错误时,会弹出提示框。
4. 多行输入框
样式和上面一致,大家可以在演示页面查看。
5. 限制位数输入框
限制了输入框能输入多少个字,原型库提供多种样式,包括单行和多行输入框,有提示和无提示。大家可以在演示页面查看。
6. 数字输入框
只能输入数字,原型库提供多种样式,包括选填、必填、提示效果。大家可以在演示页面查看。
7. 英文输入框
只能输入英文,原型库提供多种样式,包括选填、必填、提示效果。大家可以在演示页面查看。
8. 中文输入框
只能输入中文,原型库提供多种样式,包括选填、必填、提示效果。大家可以在演示页面查看。
9. 非中文输入框
不能输入中文的输入框,原型库提供多种样式,包括选填、必填、提示效果。大家可以在演示页面查看。
10. 身份证输入框
身份证号码的输入框,能判断输入的身份证号码是否正确,原型库提供多种样式,包括选必填、提示效果。大家可以在演示页面查看。
11. 手机号输入框
手机号码的输入框,能判断输入的手机号码是否正确,原型库提供多种样式,包括选必填、提示效果。大家可以在演示页面查看。
12. 电子邮箱输入框
电子邮箱的输入框,能判断输入的电子邮箱是否正确,原型库提供多种样式,包括选必填、提示效果。大家可以在演示页面查看。
13. 密码输入框
密码的输入框,原型库提供多种样式,包括选选填、必填、提示、包含字母和数字、限制字数、可视等16种效果。大家可以在演示页面查看。
今天的分享到这里就结束了,有问题或者想下载原型的小伙伴们可以在下方评论处给我留言哦,我们下期见。
本文由 @梓贤Vigo 原创发布于人人都是产品经理。未经许可,禁止转载
题图来自 Unsplash,基于CC0协议
我想要
我想要
留言就有原型库吗?
厉害
原型预览及下载地址:
https://axhub.im/pro/fee159be4467b4fe