百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术教程 > 正文

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

csdh11 2025-01-12 12:41 1 浏览

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

相关推荐

Python 实现 | 通过 Gitlab API 获取项目工程、分支、commit 提交记录

前提在gitlab中你的工程创建AccessToken然后你会得到一个21位accesstoken,代码中需要用到。代码...

还在用Jenkins?试试Gitlab的CI/CD功能吧,贼带劲

原文链接:https://mp.weixin.qq.com/s/hyGkjsRIIZdiF_bG-WqLnQ原作者:macrozheng最近发现Gitlab的CI/CD功能也能实现自动化部署,用起来也...

使用GitLab实现CICD

GitLabCI/CD是一个内置在GitLab中的工具,用于通过持续方法进行软件开发:ContinuousIntegration(CI)持续集成ContinuousDelivery(C...

配置GitLab流水线和门禁系统

在项目开发的过程中,为了保证代码质量,我们会使用诸多代码质量检测工具,这些工具或是在本地,或是在云端,虽然工具可以检测出异常问题,但是这些问题还是需要我们程序员来修复,如果我们不强制所有人必须修复异常...

害怕代码操作是“黑盒”,用代码审计将操作变”白盒”

本文作者:极狐GitLab资深解决方案架构师尹学峰审计事件使用审计事件来跟踪重要事件,包括执行相关操作的人员和时间。您可以使用审计事件来跟踪例如:...

CentOS 7下Yum及RPM安装GitLab CE 14.0.3

一、概述  GitLab是一个利用RubyonRails开发的开源应用程序,实现一个自托管的Git项目仓库,可通过Web界面进行访问公开的或者私人项目。它拥有与GitHub类似的功能,能够浏览源代...

centos7安装部署gitlab

一、Gitlab介1.1gitlab信息GitLab是利用RubyonRails一个开源的版本管理系统,实现一个自托管的Git项目仓库,可通过Web界面进行访问公开的或者私人项目。与Githu...

nginx日志文件切割

使用脚本对nginx日志文件进行按天切割#!/bin/bashLOGS_PATH=/usr/local/nginx/logsYESTERDAY=$(date-d-1day+%Y%m%d)c...

GitLab实战操作指南

一、Git原理1、Git是什么?Git是目前世界上最先进的分布式版本控制系统(没有之一)。...

单点登录平台Casdoor搭建与使用,集成gitlab同步创建删除账号

一,简介一般来说,公司有很多系统使用,为了实现统一的用户名管理和登录所有系统(如GitLab、Harbor等),并在员工离职时只需删除一个主账号即可实现权限清除,可以采用单点登录(SSO)...

每日一招:搭建Jenkins,Gitlab自动化打包部署项目

每日一招,每日掌握一个要点,日积月累的积累。虽然成为不了大神,大牛,但是养家糊口还是可以的。1.Docker-compose构建jenkins环境1.1创建docker在主机的jenkins数据映射...

Gitlab替代,开源,轻量级代码托管解决方案

前言Gitea是一款基于go开发,轻量级的开源跨平台代码托管方案,适合中小团队之间的文档共享和代码协作。主要功能如下:代码托管,支持git代码推拉和版本控制,问题跟踪,允许创建私有或公开仓库;支持ap...

基于Docker构建安装Git/GitLab,以及制作springboot工程镜像

今天给大家分享的是《领先的开源自动化服务器Jenkins的应用实战》之基于Docker安装构建Git/GitLab版本控制与代码云存储的场所;使用Git管理项目,springboot工程制作镜像知识体...

Gitlab不同方式的安装配置及常见场景用法

一:rpm格式安装1.安装对应的依赖包yuminstall-ycurlpolicycoreutils-pythonopenssh-serversystemctlenablesshdsy...

群晖使用Docker安装并配置GitLab服务器

群晖(Synology)内置的GitLab版本已经很老了,虽然对系统资源的利用较少,但是不利于使用。因此,要在群晖上安装GitLab服务器,最好还是通过内置的Docker进行安装,这样可以安装较新的G...