求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
要资料
 
追随技术信仰

随时听讲座
每天看新闻
 
 
目录
Axure RP安装与激活
1.Windows上安装
2.macOS上安装-Axure教程
3.激活Axure RP 10-Axure教程
4.Axure汉化流程-Axure教程
5.Chrome插件安装-Axure教程
入门
6.Axure RP入门-Axure教程
7.Axure RP操作界面-Axure教程
8.预览和共享原型-Axure教程
9.功能快捷键-Axure教程
10.自动保存备份文件-Axure教程
元件的使用
11.元件的基础操作-Axure教程
12.元件组合-Axure教程
13.元件样式-Axure教程
14.元件库-Axure教程
15.网格,辅助线和边界对齐-Axure教程
基础元件
16.形状元件-Axure教程
17.图像元件-Axure教程
18.热区元件-Axure教程
19.线条元件-Axure教程
20.动态面板元件-Axure教程
21.内嵌框架-Axure教程
22.文本框与多行文本框-Axure教程
23.下拉列表-Axure教程
24.列表框-Axure教程
25.复选框-Axure教程
26.单选按钮-Axure教程
27.树元件-Axure教程
28.表格元件-Axure教程
29.经典菜单元件-Axure教程
30.快照元件-Axure教程
页面的使用
31.管理页面-Axure教程
32.页面样式-Axure教程
母版
33.创建和使用母版-Axure教程
34.母版视图-Axure教程
35.引发事件-Axure教程
交互介绍
36.事件、用例和动作-Axure教程
37.事件清单-Axure教程
38.动作清单-Axure教程
39.文本链接-Axure教程
40.交互样式-Axure教程
41.动画-Axure教程
高级交互
42.变量-Axure教程
43.条件逻辑-Axure教程
44.数学、函数和表达式-Axure教程
45.选项组-Axure教程
46.移动动作边界-Axure教程
中继器
47.中继器元件-Axure教程
48.向中继器动态添加行-Axure教程
49.动态删除中继器行-Axure教程
50.更新中继器行-Axure教程
51.标记中继器行-Axure教程
52.中继器行排序-Axure教程
53.过滤中继器行-Axure教程
54.中继器分页-Axure教程
自适应视图
55.自适应视图-Axure教程
记录您的原型
56.页面和元件注释-Axure教程
57.Word说明书-Axure教程
58.打印-Axure教程
流程图
59.流程图-Axure教程
60.流程连接器-Axure教程
发布你的原型
61.原型播放器-Axure教程
62.自定义HTML输出-Axure教程
63.Web 字体和字体映射-Axure教程
项目团队
64.创建和共享团队项目-Axure教程
65.使用团队项目-Axure教程
66.管理和查看团队项目历史-Axure教程
67.对团队项目进行故障排除-Axure教程
68.将团队项目升级到 RP 10-Axure教程
 
 
目录
文本框与多行文本框-Axure教程
来源:Axure工坊       编辑: Alice (火龙果软件)
1409 次浏览
5次  

文本框和多行文本框是用户可以在Web浏览器中输入文字内容的表单控件。它们位于默认元件库的表单部分。

简短(单行)输入的表单字段(例如用户名或密码字段)使用普通文本框即可。如果文本内容较多(例如备注字段),则使用多行文本框。

您可以捕获用户在文本框中输入的文本,并将该文本传递到原型中的其他页面。

提示文字

您可以使用交互窗格中的提示文本字段将提示文本(例如账号文本框中的提示“请输入6-20位字符”)添加到文本框,这样一来提示文本将出现在文本框的输入区域中。

您可以选择在文本框获得焦点后或用户输入内容后隐藏提示文本这两个选项中的一种。提示文本默认为灰色,要更改提示文本的样式,请在交互窗格中编辑提示样式效果。

输入类型(仅限普通文本框)

您可以为文本框元件提供不同的输入类型,以在浏览器显示及用户输入表单时渲染不同效果。

您可以使用交互窗格中的输入类型下拉菜单选择文本框的输入类型。

文本框通常会根据浏览器的类型呈现不一样的风格。此外,当您在移动设备上选择文本框时,某些输入类型会导致出现不同类型的键盘,例如数字键盘而不是字母数字键盘。

不同类型的字段以及使用该字段类型的结果如下:

  • 文本:用于基本文本输入的默认设置
  • 密码:文本在输入时自动替换成密码符号
  • 电子邮件:可能会在移动设备上提示电子邮件键盘
  • 数字:只接受数字输入,可能会在移动设备上提示数字键盘
  • 电话号码:可能会提示移动设备上的拨号盘
  • URL:可能会在移动设备上提示 URL 输入键盘
  • 搜索:可以在移动设备的键盘上添加搜索按钮。某些 Web 浏览器可能会添加一个“X”图标,您可以单击以清除该字段
  • 文件:将文本框更改为 Web 浏览器中的文件上传按钮,单击该按钮将打开设备的文件浏览器(不能真正地将文件上传)
  • 日期:依赖浏览器风格的日期选择器或日历控件
  • 月份:依赖浏览器风格的月份和年份选择器
  • 时间:依赖浏览器风格的时间选择器

特殊属性

您可以通过点击交互窗格的“显示所有”按钮显示文本框元件的一些附加属性。

最大长度(仅限普通文本框)

您可以使用“最大长度”字段来指定文本框将输入的最大字符数。一旦达到最大字符长度,该字段将停止接受额外的文本输入。

禁用

禁用文本框可防止用户在 Web 浏览器中与其交互。这也会激活元件的禁用样式效果,使其显示为灰色。

有两种方法可以禁用元件:

  • 选中交互窗格底部的禁用复选框。
  • 使用启用/禁用操作在 Web 浏览器中动态禁用元件。您可以在任何交互中执行此操作,例如在页面加载或单击按钮时。

只读

当您将文本框设置为“只读”时,可以在 Web 浏览器中查看和选择小部件上已有的文本,但用户无法对其进行更改。

特殊交互

读取和判断输入的文本

您可以通过动作和条件中的元件的文本值选项读取在文本框中输入的文本。例如,您可以将全局变量的值设置为文本框上的文本,以便将该文本传送到不同的页面。

您还可以在条件中判断文本框的文本,以便仅在文本与特定值匹配时才执行特定情况,就像您在验证用户名和密码组合时所做的那样。

提交按钮

当文本框在 Web 浏览器中获得焦点时按下ENTER键可以触发页面上另一个元件的单击事件,称为文本框的“提交按钮”。

将提交按钮分配给文本框:

1. 选择文本框,然后单击“交互”窗格下部中的“全部显示”。

2. 从提交按钮下拉列表中的元件列表中进行选择。

要取消分配提交按钮,请单击下拉列表底部的取消分配提交按钮。

 


您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码: 验证码,看不清楚?请点击刷新验证码 必填



1409 次浏览
5次