axure rp9输入框

Axure RP9 中输入框的使用方法
在 Axure RP9 中，输入框（Text Field 或 Text Area）用于收集用户的文本输入。为了更好地理解和应用这一组件，以下是关于如何配置和利用输入框的具体说明。
创建并放置输入框
要向页面添加输入框，在左侧部件面板找到“Input”类别下的 “Text Field”。拖拽该图标到工作区内的任意位置即可完成插入操作[^2]。
设置属性与样式
选中已加入文档中的输入框后，可通过右侧的“Inspector”窗口调整其各项参数：

尺寸与定位：修改宽度、高度以及精确坐标。
填充颜色/边框线型：自定义背景色调及轮廓样式。
字体格式化：指定文字大小、加粗与否等细节[^3]。

添加交互行为
为了让输入框具备功能性，需为其设定相应的事件响应机制。比如当用户点击按钮提交表单时验证数据有效性；或是依据特定条件展示隐藏其他元素等内容。具体做法如下所示：

选定目标对象（此处指代输入框），转至右侧面板底部的“Interactions”标签页；
对于希望触发的动作选择合适的时机点，像鼠标悬停、失去焦点等情形；
配置后续执行的操作列表，例如更改可见状态、更新变量值等等[^1]。

// JavaScript代码片段模拟简单的输入校验逻辑
if (widget.getValue() === "") {
alert("请输入内容！");
} else {
console.log("输入有效");
}

实现条件判断
借助内置表达式编辑器能够轻松达成基于输入内容做出不同反应的效果。假设存在这样一个场景——只有当两个密码字段完全相同时才允许继续下一步骤，则可在关联动作里编写类似下面这样的语句来实现此目的[^4]:
// 判断两次输入是否相同
if (thisWidget.getValue() !== Widget('ConfirmPassword').getValue()) {
MessageBox.show("两次输入的密码不一致", "警告", MessageBoxButtons.OK, MessageBoxIcon.Warning);
}