如何利用Axure RP 8设计出下拉框和输入框联动

 时间:2024-10-11 19:20:34

1、第一步,双击打开Axure RP 8设计原型工具,在表单原件中找到文本框,拖曳一个到画布上,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

2、第二步,再次在表单元件中找到下拉列表框,拖曳到画布上,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

3、第三步,选中下拉列表框,选择“编辑列表项”,打开窗口,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

4、第四步,点击“添加多个”按钮,打开输入选项值,输入值之后保存,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

5、第五步,设置下拉框选项值默认为第一项,设置完毕后查看效果,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动

6、第六步,选择“下拉框”,选中“选项改变时”事件,设置文本框的值为下拉框选中的值,如下图所示:

如何利用Axure RP 8设计出下拉框和输入框联动
  • AI教程:[45]复制的方法一
  • PSD AI EPS PDF 文件如何显示缩略图
  • Adobe国际认证,Ai防手抖锁定编组操作教程?
  • 如何更改花瓣网账号的名称
  • AI怎么取消透视网格
  • 热门搜索
    中秋节手抄报内容文字 植树节手抄报图片大全 手抄报图片大全5年级 小手拉大手手抄报 新学期新征程手抄报 劳动节手抄报内容 光盘行动手抄报内容 六一手抄报简单又漂亮 新型冠状病毒手抄报图片 繁星春水手抄报