教程：创建自适应表单 do-not-publish-tutorial-create-an-adaptive-form

登录到AEM创作实例并导航到​ Adobe Experience Manager > Forms > Forms & Documents。 默认URL为http://localhost:4502/aem/forms.html/content/dam/formsanddocuments。

选择​ 创建 ​并选择​ 自适应表单。 此时会显示一个用于选择模板的选项。 选择​ Blank ​模板以将其选中，然后选择​ 下一步。

出现​ 添加属性 ​的选项。 Title ​和​ Name ​字段是必填字段：

• 标题： ​在​ 标题 ​字段中指定Add new or update shipping address。 标题字段指定表单的显示名称。 标题可帮助您在AEM Forms用户界面中识别表单。
• 名称： ​在​ 名称 ​字段中指定shipping-address-add-update-form。 “名称”字段指定表单的名称。 在存储库中创建具有指定名称的节点。在开始键入标题时，名称字段的值将自动生成。您可以更改建议的值。名称字段只能包含字母数字字符、连字符和下划线。所有无效的输入都将替换为连字符。

选择​ 创建。创建自适应表单，并显示用于打开表单进行编辑的对话框。 选择​ 打开 ​以在新选项卡中打开新创建的表单。 将打开表单进行编辑。 它还显示边栏，可用于根据需要自定义新创建的表单。

有关自适应表单创作界面和可用组件的信息，请参阅自适应表单创作简介。

选择 > 。 此时将打开组件浏览器。 将​ Header ​组件从组件浏览器拖动到自适应表单。

选择​ 徽标。 工具栏即会显示。 在工具栏上选择 ，键入​ We.Retail，然后选择 。

选择图像。 工具栏即会显示。 选择 。 属性浏览器将在屏幕左侧打开。 浏览 ​并上传徽标图像。 选择 。 该图像显示在标题上。

如果您没有徽标，则可以选择“获取文件”来下载本文中使用的徽标。

将​ 页脚 ​组件从 拖至自适应表单。 在此阶段，表单将如下所示：

将​ 数值框组件 ​拖至自适应表单。 将其放在页脚组件之前。 打开组件的属性，将组件的​ Title ​更改为​ Customer ID，将​ Element Name ​更改为​ customer_ID，启用​ 必填字段 ​选项，启用​ 使用HTML5编号输入类型 ​选项，然后选择 。

将三个文本框组件拖到自适应表单中。 将它们放在页脚组件之前。 为这些文本框设置以下属性。:

将​ 数字框 ​组件拖动到页脚组件之前。 打开组件的属性，设置下表中列出的值，选择 。

将​ Email ​组件拖动到页脚组件之前。 打开组件的属性，设置下表中列出的值，然后选择 。

将​ 文件附件 ​组件拖动到页脚组件之前。 打开组件的属性，设置下表中列出的值，然后选择 。

将​ Submit Button ​组件拖动到自适应表单。 将其放在页脚组件之前。 打开组件的属性，将元素名称更改为address_addition_update_submit，选择 。 表单布局完整，表单如下所示：

配置电子邮件服务器。 有关详细信息，请参阅配置电子邮件通知。

在内容浏览器中选择​ 表单容器，然后选择 。 资产浏览器将在左侧打开。

转到​ 提交 > 提交操作。 选择​ 发送电子邮件。 指定以下值并选择 。

您的表单已准备就绪。 现在，您可以预览表单并测试功能。 如果您使用教程中提到的名称，并在运行AEM Forms服务器的计算机上访问表单，则表单位于http://localhost:4502/editor.html/content/forms/af/shipping-address-add-update-form.html。