axure商城

Axure文本框功能使用详解

Axure文本框功能不仅可以作为普通文本框使用,还可以将文本框设置为日期格式、时间格式、文件格式......

1、普通文本格式

应用场景:比如设计《新增用户》功能,需要输入用户昵称,则可以使用文本框控件,设置提示文字;

Axure文本框功能使用详解

》从元件库拉入一个“文本框”控件,该文本框默认的输入类型为“文本”,假如需要设置提示文本,在输入文字时,提示文本消失,这时候可以在交互-“提示文本”中进行设置,例如“请输入用户昵称”。

Axure文本框功能使用详解

》如果需要在鼠标点击控件时,提示文本消失,则在【隐藏提示】中选择“获取焦点”

Axure文本框功能使用详解

2、密码格式

应用场景:假设在设计《登录页》时,需要设计密码这个字段,则可以使用密码格式完成功能设计。

》同样从元件库中拖拽一个“文本框”,选中该文本框,在右侧操作栏点击【交互】,输入类型选择“密码”

Axure文本框功能使用详解

》预览时,输入文字显示为“密文”

Axure文本框功能使用详解

3、搜索格式

应用场景:当设计《查询页》功能时,需要输入关键字搜索,并可以一键删除输入的文字

》选中文本框控件,在右侧操作栏点击【交互】,输入类型选择“搜索”

Axure文本框功能使用详解

》预览查看效果:

Axure文本框功能使用详解

4、日期格式

应用场景:假如需要设计《用户注册》功能,需要填写用户生日信息,则需要用到日期控件

》同样选中文本框控件,在右侧操作栏点击【交互】,输入类型选择“日期”

Axure文本框功能使用详解

》预览时可查看日期效果:

Axure文本框功能使用详解

 

5、文件格式

应用场景:我们往往在设计表单时,会设计“附件”字段,该字段操作效果为点击控件,打开本地目录,选择本地文件。文本框控件就可以实现该复杂的交互逻辑

》选中文本框,在右侧操作栏点击【交互】,输入类型选择“文件”

Axure文本框功能使用详解

》预览查看效果:

Axure文本框功能使用详解

6、其他:该控件还有网址、邮箱、url等功能,小伙伴们可以根据实际需要设置使用,这边就不一一说明啦

给TA打赏
共{{data.count}}人
人已打赏
基础教程

Axure多个单选框设置预览时只选中一个

2021-8-14 9:49:45

基础教程

Axure教程:高保真滚动抽奖

2021-10-27 13:59:09

axure商城
8 条回复 A文章作者 M管理员
  1. 北斗星

    我这个深色的可以搜索,浅色的不可以,为什么呀,并且浅色如何调为深色

  2. Qenby🐝

    选择了交互,但是没有“提示文字样式”😂要怎么解

    • 黄老师

      你这个元件是矩形 要拖入文本框元件 才会有提示文字样式。

  3. 吴黎。

    您好,您用的是Axure10吗?

    • F.X

      Axure 9哦

  4. *夏秋秋秋秋

    第一个文本中,为什么选择了交互,文本框消失只显示提示文字了

  5. 47啊

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索