Axure表单元件：文本框

最新推荐文章于 2024-11-15 20:31:17 发布
原创 最新推荐文章于 2024-11-15 20:31:17 发布 · 1.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍Axure中表单的设计方法，包括文本框、下拉列表框、复选框等常见元件的使用技巧，以及如何通过表单元件进行高效的产品原型设计。

表单：网页中负责数据采集的功能，主要包括：输入框、单选框、多选框，列表和提交按钮等。这也是我们原型设计中的最最常见的元件。用好表单元件，基本可以进行产品原型设计了。

Axure的表单元件

文本框、多行文本框、下拉列表框、列表框、复选框、单选按钮和提交按钮。
在这里插入图片描述

文本框

属性

在这里插入图片描述

交互

在这里插入图片描述

文本框

在这里插入图片描述
举例：密码类型，长度为6-15位为例，超过15位时无法输入。
在这里插入图片描述

效果展示

Axure：文本框

Axure RP从入门到精通（八）表单元件
人不风流枉少年
06-04 4295
一：文本框和多行文本框 文本框直接使用HTML中的<input type="text"/>，而多行文本框直接使用HTML中的<textarea>标签。文本框是用来输入单行文本的，而多行文本框可以输入多行文本。 二：下拉列表框和列表框 下拉列表框也是直接使用的HTML中的<select>标签，直接双击元件就可以编辑列表选项。 列表框是将所有选项展示出来，而下拉列表框会将所有选项折叠起来，两者的区别就是选项是否会折叠起来。 三：复选框和单选按钮 单选按钮必须为每一个
Axure应用交互设计：文本框读取和赋值高级交互
benleiqiang的博客
10-28 1298
案例分析：1、通过新增数据页面，录入多种类型文本框数据，在档案页面读取新增的数据；步骤二：进行三个页面的确定按钮的隐藏与显示交互，我们在做交互时，首先要考虑的是整体的交互，先宏观再围观的思维方式；步骤一：建立新增页面、档案页、修改页，三个页面的基本绘制；通过以上的操作，新增页面的所有数据全部输送到档案页；步骤三：新增页面确定按钮的交互细节；步骤五：修改页确定按钮的交互细节。
Axure图表元件
08-15
Axure常用图表，如:柱状图、折线图、堆叠柱状图、面积图、条形图、饼图、环形图、甘特图、散点图等等
Axure的基本元件及表格、表单元件介绍
weixin_73898077的博客
12-13 1699
链接按钮：如，在登录界面点击链接按钮，跳转到指定位置一级、二级标签：通常用来目录分层文本标签：用户填输入框，里面的文本就是文本标签在左侧元件中找到文本框，拖至绘图区，点击文本框就可以看到右侧交互下面有一个提示文本，在里面输入文字，完成以后就是下面的样子。文本域同文本框同一操作。
AXure自带元件及作品
qq_74770105的博客
01-10 1908
在Axure RP 9中，元件是构建原型图的基础模块， 将元件从元件库里拖拽到画布中，即可添加元件到你的原型图中。软件初始自带了三个官方元件库，分别是默认元件库（Default）、流程元件库（Flow）和图标元件库（Icons）。1.1、矩形。
Axure元件库：全面丰富的设计资源
4. 表单元件：用于创建表单输入字段，如文本框、密码框、选择列表、单选框、多选框、日期选择器、滑动条、开关等。 5. 导航元件：包括面包屑导航、标签页、分页控件等，它们用于页面之间或页面内容之间的导航。 6....
GS_Axure_1:用Axure元件画前台页面，主要画功能，
06-03
首先，Axure元件库是Axure RP的核心组成部分，包含了大量的预定义交互元素，如按钮、文本框、下拉菜单、图像等，这些都是构建页面的基础。通过拖放这些元件到工作区，设计师可以快速构建出网页或应用的布局。元件...
Axure元件合集：100组高质量设计素材
- 表单元件：用于构建用户表单，可能包括文本框、下拉选择、多选列表等。 - 弹窗/模态框元件：用于在页面上显示额外信息或获取用户输入，如确认框、提示框等。 使用元件合集的好处显而易见： 1. 提升效率：设计师不...
Axure RP：AxureRP元件库详解_2024-07-22_05-07-14.Tex
最新发布
11-15 1157
自定义元件是Axure RP元件库的扩展功能，允许用户根据自己的需求创建和保存特定的元件。例如，如果项目中需要频繁使用一个特定样式的按钮，可以创建一个自定义按钮元件，包括其外观、交互和动态面板等属性，然后保存到自定义元件库中，以供后续使用。设计元件：在画布上设计出所需的元件，包括其外观、交互和动态面板等属性。保存元件：选择设计好的元件，右键点击，选择“保存元件到库”选项，然后选择保存到自定义元件库中。命名与分类：为自定义元件命名，并选择合适的分类，以便于管理和查找。使用自定义元件。
Axure 的表格元素。
04-21
Axure RP 的部件，表格元素，需要 6.0以上版本。
Axure元件库大全
01-29
收集的一些Axure元件库大全，还算比较全的，可以帮助产品加快原型开发速度。 Android手机外壳及UI组件库.rplib Android组件库.rplib Audio_Icons_Axure_Library.rplib Axure RP社交网络元素库.rplib AxureRP-win7phone-AxureRP-Library.rplib Axure反馈表单.rplib Axure图标 (16x16).rplib Axure图标(32x32).rplib Better Defaults (acleandesign ).rplib Better Defaults .rplib ClearTextValueOnFocus_conetrees.rplib Content.rplib DGI_touchscreen_handgestures.rplib Element_Components_v1.1.0.rplib EXTJS-Tab.rplib facebook-like.rplib Flow.rplib IaxureIOS9矢量图标元件库.rplib IaxureRP8扩展元件库V1.2读者版.rplib IaxureSVG矢量图标元件库V1.21版.rplib iOS iPad Wireframe.rplib iOS7-Base-UI.rplib iOS7-Like-Icon-Set.rplib iOS8 UI Kit.rplib ipad.rplib iPhone Bodies All.rplib iPhone-Bodies.rplib iPhone-Horizontal.rplib iPhone-UI.rplib 屏幕分辨率.rplib 手机-General.rplib 输入框.rplib 图标组件库.rplib 图表和表格.rplib 网站常用部件.rplib 、、、
Axure最全组件库
03-21
Axure最全组件库 10PX Android.rplib android widget by YEFAN.rplib Android手机外壳及UI组件库.rplib Android组件库.rplib Axure RP社交网络元素库.rplib AxureRP-win7phone-AxureRP-Library.rplib Axure反馈表单.rplib Axure图标 (16x16).rplib Axure图标(32x32).rplib Better Defaults .rplib ClearTextValueOnFocus_conetrees.rplib Content.rplib DGI_touchscreen_handgestures.rplib facebook-like.rplib icon-UX_People.rplib Icons_Audio.rplib iOS iPad Wireframe.rplib ipad.rplib iPhone-Bodies.rplib JQuery Mobile.rplib Mobile-android_DSK (2).rplib Mobile-android_DSK.rplib mobile-iPhone-Horizontal.rplib mobile-iPhone-UI.rplib modest_mouse_cursors.rplib Sharing.rplib Shopping.rplib Slider_Library_by_truematter.rplib social_media_icons_vim_interactive.rplib Tabs.rplib VoteFor_Smileys_(erric).rplib WidgetLib_v1.rplib win7phone-Library.rplib.rplib 图标组件库.rplib 图表和表格.rplib 导航和分页.rplib 屏幕分辨率.rplib 幻灯片.rplib 广告位.rplib 广告位标准尺寸组件库.rplib 手机-General.rplib 手机-iPhone.rplib 手机-iPhone_Y!DSK.rplib 控制条.rplib 操作系统元素.rplib 操作系统窗口.rplib 文本模板.rplib 日历.rplib 窗体和容器.rplib 网站常用部件.rplib 草稿样式库文件.rplib 菜单和按钮.rplib 表格元素.rplib 输入框.rplib 页面布局.rplib
AXURE 最全组件库
03-28
包含各种AXURE组件，web，手机，菜单，导航，TAB，图标，窗体，容器，按钮，广告位，幻灯片，控制条，分页，表格，操作系统元素，日历，文本模板，页面布局 等等。
axure 图表 组件库
12-22
axure 图表组件库，较全的表格，分页工具的提供.
Axure元件之文本框的案例
不患无位，患所以立；不患莫己知，求为可知也
07-09 3490
常见的网页、APP是通过各种基本形状的组合模拟出来的，这里重点介绍文本框元件的案例。以优快云搜索框为例，案例效果如下图1：图1一、案例分析思路：1）最左侧是优快云的动态logo；2）首页、博客、学院、等内容为文本框； 二、实战应用：优快云的动态logo属于图片应用，这里不做赘述，本次主要讲解文本框的应用。1）在元件库中找到并添加矩形1，并置于顶端，见图2。图2    2）从图1的标红区域设置...
Axure元件-文本框的使用
Armored_soldier的博客
11-07 1580
类型效果 类型 效果 Text 密码 文件   限制文本框输入字符位数   设置文本框提示文字 输入：指用户开始输入时提示文字才消失 获取焦点：指光标进入文本框时提示文字即消失。 效果如下：   设置文本框回车触发按钮   设置鼠标移入元件时提示 效果如下： ...
Axure 9 元件学习——文本框
forest1beaster的博客
07-15 1055
1.文本框的作用？ 文本框是可以在预览时输入内容的控件 2.文本框的配置 文本框最主要的还是一下交互配置 3.总结 文本框还是很简单的，其实主要就是一些交互配置，也很易懂，多点几次试试效果即可快速掌握了。 ...
html表单元件
VibMike的博客
11-08 267
1、表单元件由form标签进行定义 2、文本域 3、用户可以在文本域中写入文本 4、密码域 5、单配合文本域就可以写出登录输入密码的效果 6、单选框 7、只能选取一个的效果 8、当然也可以做成复选框 9、效果如下 10、最后还有一个按钮 11、最终效果如下 ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

索菲亚李

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值