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

不懂技术怎么做产品?15天在线学习,补齐产品经理必备技术知识,再也不被开发忽悠。了解一下>

今天给大家分享一组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抓紧创作!
评论
欢迎留言讨论~!
  1. 下载地址:https://weidian.com/item.html?itemID=3198454806
    微信交流:522073109

    回复