表单组件表单组件位于【组件】-【内置】中，双击或拖拽至画布即可使用。单行/多行输入使用【单行/多行输入】组件工具，可以在原型中添加一个在预览演示时，可以输入文字的输入框。查看/使用文件的人点击此组件即可输入内容。  1、单行输入与多行输入的区别：单行输入中，无论输入内容多长，始终以一行显示，不会自动换行，可以左右滑动查看所有输入内容；多行输入中，在输入内容长度超过输入框宽度时，会进行自动换行，可以上下滑动查看所有输入内容。2、输入框内的文案修改：双击组件，即可对输入框中的起始文案进行编辑。3、弹出键盘样式设置单行输入组件可以设置点击输入框时弹出键盘，键盘样式设置路径：右侧【外观】面板——【外观】——键盘样式。下拉选择器下拉选择器支持点击右侧的下拉箭头弹出多个选项，点击选项即可选择。下拉选择器默认3个选项，可以修改选项的文本内容。  1、添加选项：双击该组件，在最后一个选项后点击enter，即可输入新的选项内容。  2、删除选项：双击该组件，将多余的选项行删除即可。3、设置默认选项：默认选项为第一个选项，如需更改，只需更改第一个选项即可。下拉选择器为一整个组件，目前本组件不支持选项触发交互事件。选择文件使用这一组件，文件运行时可以点击左侧【选择文件】按钮，出现文件选择弹窗，选择文件后会在右侧名称栏中显示名称。单选/复选单选/复选组件可实现选择的操作。【单选】只能选择一个选项，【复选】则能选择多个选项。在右侧的外观设置面板可以对这两个组件进行具体的设置。  1、【类型】部分可以设置选项的样式；打开「禁用」按钮，则整个组件会成为灰色，不支持进行选择操作；修改下方「尺寸」，可以调整选项的字号和整体大小；支持两种对齐方式：选项等间距和列表等间距，最右侧的数值框可以调整等间距的具体间距大小。2、【选项】部分点击右上角的「加号」按钮，可以添加选项；点击选项框右侧的「减号」按钮，可以删除此选项；选项框中可以修改选项文本；鼠标置于选项框上，拖动左侧出现的按钮，可以修改选项的顺序；鼠标置于选项框上，点击右侧的「闪电」按钮，可以为选项添加事件，选中时进行跳转交互，具体步骤可参考添加交互事件；闪电按钮右侧的「圆点」，点击可以切换选项的选中/未选中状态。3、【按钮】部分可以修改未选中项的按钮颜色及文字颜色;4、【选中项】部分可以修改选中项的按钮颜色及文字颜色。开关组件从「组件-内置-表单组件」内拖拽到画布内即可直接使用。右侧属性面板可设置禁用开关、开启样式和关闭样式；点击禁用后，组件将无法进行点击，同时会增加一定的蒙层效果。滑动条滑动条是用于选择数值区间的一种常见组件，常用场景为调节音量、亮度或各种效果参数等。但需要注意的是，滑动条与滚动条不同，不能作为滑动页面等效果展示。右侧属性面板可以设置滑动条的轨道及滑块设置。轨道可设置圆角、独立圆角、轨道线条粗细、颜色填充等，滑块可设置位置、大小、填充色等；  轨道宽度限制为2-20，属性面板下拉框只显示2-20的偶数数字，但支持自定义输入数字；滑块直径限制为8-80，滑块描边最大限制为9，支持自定义输入数字。数字步进器当你想对数值进行小幅度的调整时，可以使用此组件。比如：购物车数量由1增加到2，百分比从10%调整到11%等。右侧属性面板可修改数字步进器的文本样式、数值及按钮；  数值可选择的最大/最小值无上下限，也可设置为负数，默认区间为0-10；默认值为1，当前区间变动超出默认值后，自动变更为当前区间的边界值。

表单组件

导航组件

常用组件

Axure导入

编辑页面

文件设置

编辑组件

添加交互事件

添加批注

使用技巧

原型制作

素材面板

图表组件

多媒体组件

图标组件

我的组件/图片

素材库

企业素材库

母版的使用

使用文件模板

字体商用常见问题说明

组件素材

页面交互

动态组件

固定组件

交互案例教程（视频）

交互效果

分享与协作

分享设置

添加评论

版本管理

企业协作

文件演示

预览模式

演示常见问题

演示分享

导出交付

标注模式

开发交付

导入sketch设计稿

导入异常

设计稿交互

【原型】如何确定设备尺寸

墨刀嵌入第三方预览方法

页面相关问题

文件相关问题

导出相关问题

组件使用问题

演示分享问题

能使用iPad编辑文件吗

其他问题

<h1 id="表单组件">表单组件</h1>
<p>表单组件位于【组件】-【内置】中，双击或拖拽至画布即可使用。</p>
<p><img src="https://cdn.modao.cc/v7/230802-25-1.png" alt="drawing" width="400"/>

<h2 id="单行多行输入">单行/多行输入</h2>
<p>使用【单行/多行输入】组件工具，可以在原型中添加一个在预览演示时，可以输入文字的输入框。查看/使用文件的人点击此组件即可输入内容。  </p>
<h3 id="1、单行输入与多行输入的区别：">1、<strong>单行输入与多行输入的区别：</strong></h3>
<ul>
<li>单行输入中，无论输入内容多长，始终以一行显示，不会自动换行，可以左右滑动查看所有输入内容；</li>
<li>多行输入中，在输入内容长度超过输入框宽度时，会进行自动换行，可以上下滑动查看所有输入内容。</li>
</ul>
<p><img src="https://cdn.modao.cc/hc/builtin_form/builtin_form1-1.png" alt="drawing" width="500"/>

<h3 id="2、输入框内的文案修改：">2、输入框内的文案修改：</h3>
<p>双击组件，即可对输入框中的起始文案进行编辑。</p>
<p><img src="https://cdn.modao.cc/v7/230802-25-6.gif" alt="drawing" width="600"/>

<h3 id="3、弹出键盘样式设置">3、弹出键盘样式设置</h3>
<p><strong>单行输入组件</strong>可以设置点击输入框时弹出键盘，键盘样式设置路径：
右侧【外观】面板——【外观】——键盘样式。</p>
<p><img src="https://cdn.modao.cc/v7/230802-25-2.png" alt="drawing" width="400"/>

<h2 id="下拉选择器">下拉选择器</h2>
<p>下拉选择器支持点击右侧的下拉箭头弹出多个选项，点击选项即可选择。<br>下拉选择器默认3个选项，可以修改选项的文本内容。  </p>
<h3 id="1、添加选项：">1、添加选项：</h3>
<p>双击该组件，在最后一个选项后点击<code>enter</code>，即可输入新的选项内容。  </p>
<p><img src="https://cdn.modao.cc/hc/builtin_form/builtin_form2-1.gif" alt="drawing" width="600"/>

<h3 id="2、删除选项：">2、删除选项：</h3>
<p>双击该组件，将多余的选项行删除即可。</p>
<p><img src="https://cdn.modao.cc/v7/230802-25-3.gif" alt="drawing" width="600"/>

<h3 id="3、设置默认选项：">3、设置默认选项：</h3>
<p>默认选项为第一个选项，如需更改，只需更改第一个选项即可。</p>
<p><img src="https://cdn.modao.cc/v7/230802-25-4.gif" alt="drawing" width="600"/>

<p><mark>下拉选择器为一整个组件，目前本组件不支持选项触发交互事件。</mark></p>
<h2 id="选择文件">选择文件</h2>
<p>使用这一组件，文件运行时可以点击左侧【选择文件】按钮，出现文件选择弹窗，选择文件后会在右侧名称栏中显示名称。</p>
<p><img src="https://cdn.modao.cc/v7/230802-25-5.gif" alt="drawing" width="600"/>

<h2 id="单选复选">单选/复选</h2>
<p>单选/复选组件可实现选择的操作。
【单选】只能选择一个选项，【复选】则能选择多个选项。在右侧的外观设置面板可以对这两个组件进行具体的设置。  </p>
<h3 id="1、【类型】部分">1、【类型】部分</h3>
<ul>
<li>可以设置选项的样式；</li>
<li>打开「禁用」按钮，则整个组件会成为灰色，不支持进行选择操作；</li>
<li>修改下方「尺寸」，可以调整选项的字号和整体大小；</li>
<li>支持两种对齐方式：<strong>选项等间距</strong>和<strong>列表等间距</strong>，最右侧的数值框可以调整等间距的具体间距大小。</li>
</ul>
<p><img src="https://cdn.modao.cc/hc/builtin_form/builtin_form4.1.png" alt="drawing" width="600"/>

<br>

<h3 id="2、【选项】部分">2、【选项】部分</h3>
<ul>
<li>点击右上角的「加号」按钮，可以添加选项；</li>
<li>点击选项框右侧的「减号」按钮，可以删除此选项；</li>
</ul>
<p><img src="https://cdn.modao.cc/v7/230802-25-7.gif" alt="drawing" width="600"/>

<ul>
<li>选项框中可以修改选项文本；</li>
</ul>
<p><img src="https://cdn.modao.cc/v7/230802-25-8.gif" alt="drawing" width="600"/>

<ul>
<li>鼠标置于选项框上，拖动左侧出现的按钮，可以修改选项的顺序；</li>
</ul>
<p><img src="https://cdn.modao.cc/v7/230802-25-9.gif" alt="drawing" width="600"/>

<ul>
<li>鼠标置于选项框上，点击右侧的「闪电」按钮，可以为选项添加事件，选中时进行跳转交互，具体步骤可参考<a href="/hc/articles/9" target="_blank">添加交互事件</a>；</li>
<li>闪电按钮右侧的「圆点」，点击可以切换选项的选中/未选中状态。</li>
</ul>
<p><img src="https://cdn.modao.cc/v7/230802-25-10.gif" alt="drawing" width="600"/>

<br>

<h3 id="3、【按钮】部分">3、【按钮】部分</h3>
<ul>
<li>可以修改<strong>未选中项</strong>的按钮颜色及文字颜色;</li>
</ul>
<h3 id="4、【选中项】部分">4、【选中项】部分</h3>
<ul>
<li>可以修改<strong>选中项</strong>的按钮颜色及文字颜色。</li>
</ul>
<p><img src="https://cdn.modao.cc/v7/230802-25-11.png" alt="drawing" width="600"/>


<h2 id="开关组件">开关组件</h2>
<p>从「组件-内置-表单组件」内拖拽到画布内即可直接使用。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/kgzj.jpeg" alt="drawing" width="600"/>

<br>

<ul>
<li>右侧属性面板可设置禁用开关、开启样式和关闭样式；</li>
<li>点击禁用后，组件将无法进行点击，同时会增加一定的蒙层效果。</li>
</ul>
<h2 id="滑动条">滑动条</h2>
<p>滑动条是用于选择数值区间的一种常见组件，常用场景为调节音量、亮度或各种效果参数等。<br>但需要注意的是，滑动条与滚动条不同，<strong>不能作为滑动页面等效果展示</strong>。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/hdtzj.png" alt="drawing" width="600"/>

<br>

<ul>
<li>右侧属性面板可以设置滑动条的轨道及滑块设置。轨道可设置圆角、独立圆角、轨道线条粗细、颜色填充等，滑块可设置位置、大小、填充色等；  </li>
<li>轨道宽度限制为2-20，属性面板下拉框只显示2-20的偶数数字，但支持自定义输入数字；滑块直径限制为8-80，滑块描边最大限制为9，支持自定义输入数字。</li>
</ul>
<h2 id="数字步进器">数字步进器</h2>
<p>当你想对数值进行小幅度的调整时，可以使用此组件。<br>比如：购物车数量由1增加到2，百分比从10%调整到11%等。</p>
<p><img src="https://cdn.modao.cc/hc/templetpanel/szbjq.png" alt="drawing" width="600"/>

<br>

<ul>
<li>右侧属性面板可修改数字步进器的文本样式、数值及按钮；  </li>
<li>数值可选择的最大/最小值无上下限，也可设置为负数，默认区间为0-10；默认值为1，当前区间变动超出默认值后，自动变更为当前区间的边界值。</li>
</ul>
<br>

