Axure如何制作带提示信息的输入框

在所有的网站或手机APP有关文本输入框的页面中,输入框中有提示文字会明显提高用户体验,那么用Axure制作原型时该如何制作,接下来由小编像大家介绍:

操作方法

  • 01

    在原件库中分别向编辑页面拖入文本标签和文本框,文本标签我们命名为“姓名:”;

  • 02

    鼠标选中拖入的文本框,然后在右侧“检视:文本框”中选中“属性导航栏”;

  • 03

    在“提示文字”栏下方输入我们需要的提示信息,如这里我们输入“请输入姓名”;

  • 04

    此时默认提示文字的颜色是#999999,我们可以通过点击“Aa”按钮进行文字颜色修改;

  • 05

    接着我们添加隐藏触发,按常用操作习惯,我们习惯文本框获取焦点时提示信息消失,所以这里我们选中“隐藏提示触发”的“获取焦点”;

  • 06

    我们通过浏览器浏览发现已经达到效果,这样简单的文本框提示信息制作就完成了,另外,大家也可以通过“属性”栏中的其他属性进行文本框的设计,如隐藏边框,清空等等,希望对你有所帮助。

(0)

相关推荐

  • Windows电脑中怎么利用画图工具或美图工具来制作带日期的图片

    当我们在使用Windows系统电脑的时候,可以利用电脑中自带的画图工具来进行一些编辑操作,那么如何利用画图工具来制作带日期的图片呢?接下来就由小编来告诉大家.画图工具制作图片1. 第一步,打开电脑后, ...

  • Word为多个字制作带圈效果

    我们经常可以看到带圈的文字,就是在文字外面加入一个圆圈。这个其实很简单,在Word中可以快速的制作出这种文字。打开“菜单”—“中文版式”—“带圈文字”,会弹出“带圈字符”对话框,(如图1)所示。设置好 ...

  • WPS制作带斜线表头的表格

    如何用WPS制作带斜线表头的表格 ·斜线表头 金山文字可以方便地生成带有斜线的表头,方法是: 光标定位在需要设置斜线的单元格中。 执行【表格】【绘制斜线表头】命令,打开如图2-24所示的【斜线单元格类 ...

  • 金山wps制作带圈数字字符.带圈文字的方法

    金山wps制作带圈数字字符.带圈文字的方法.可能很多网友在浏览文档的时候,都看过带圈的数字字符,不过,都+不知道怎么插入这样的带圈的数字字符,在今天的金山wps教程中,我们就专门来讲一下带圈符号的制作 ...

  • 如何用PPT的环形图组合设计制作带凹进弧度的菱形?

    老大这个图看着很有意思啊.是四象限表达的十字中心吗?这个看上是"菱形"的图案怎么是凹进去的?能教我山寨一个吗?下面这个图形仔细观察,其实就是四个四分之一的环形组合而来的,下面教大家 ...

  • word2013怎样制作带中括号的数字编号

    word2013制作带中括号的数字编号步骤1 :首先打开microsft office 2013中的组件之一word,然后打开要进行编辑的文档,如图所示 word2013制作带中括号的数字编号步骤2 ...

  • WPS演示中怎么制作带图片的图标按钮

    WPS演示中怎么制作带图片的图标按钮 1.打开WPS演示,新建空白文档,把里面的文本框全部删除. 2.点击菜单栏--插入--形状. 3.选择一款图标样式. 4.鼠标按住不放,在空白处画出该图标. 5. ...

  • Word怎么制作带备忘录的精美日历?

    Word怎么制作带备忘录的精美日历? 1.首先,新建一个文档,双击标尺,调出页面设置(也可以在页面布局--页面设置中进入);将页边距设置为2cm,纸张为B5纸(A4纸太大,也可以自定义). 2.之后, ...

  • Excel制作带涨跌箭头的柱形图的方法

    Excel制作带涨跌箭头的柱形图的方法 基础数据与图表效果 第1步:单击数据区域任意单元格,点击[插入][簇状柱形图].插入一个默认样式的柱形图. 第2步:依次单击网格线,按Delete键清除.同样的 ...