前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

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

今天给大家分享一组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协议

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言