如何利用Axure RP 8设计多个单选按钮控制文本框

 时间:2024-10-17 04:49:46

1、第一步,打开Axure RP 8设计工具后,在元件库中找到单选按钮,拖出三个到“index”页面,并修改label为按日、按月和按年,设置分组名称为date,如下图所示:

如何利用Axure RP 8设计多个单选按钮控制文本框

2、第二步,一般情况下,文本框默认有值,这里需要将单选按钮默认一个,默认按日查询,如下图所示:

如何利用Axure RP 8设计多个单选按钮控制文本框

4、第四步,分别选中按日、按月和按年单选按钮,设置它们的用例,输入框显示的文本内容,如下图所示:

如何利用Axure RP 8设计多个单选按钮控制文本框如何利用Axure RP 8设计多个单选按钮控制文本框

6、第六步,预览该原型界面,选中按日单选按钮,文本框显示为“2016-12-08”;选择按月,文本框显示为“2016-12”;选择按年,文本框显示为“2016”,如下图所示:

如何利用Axure RP 8设计多个单选按钮控制文本框如何利用Axure RP 8设计多个单选按钮控制文本框
  • submit对象如何使用name属性?
  • 教大家使用Axure制作个性的复选框效果
  • 初识WeX5,如何进行配置和简单的说明
  • 搜索框的下拉选择功能
  • 如何利用jQuery获取数组中最大值和最小值
  • 热门搜索
    黄山景区 怎么瘦腿最快 怎么煮绿豆粥 微博背景怎么换 妙丸家怎么样 盐官观潮景区 如果爱可以重来 旅游管理 怎么查学位证书编号 种子文件怎么打开