原型演示地址：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协议
