AWS 人群表单禁用默认的“提交”按钮

问题描述

我正在使用 AWS 人群 HTML 元素创建自定义 UI。我在人群标签中有两个标签 tab1 和 tab2 。 Tab1 包含crowd-classifier-multi-select,tab2 包含crowd-entity-annotation。我想从 tab1 禁用提交按钮,因为它会在标记时误导最终用户。想要在选项卡 2 中有一个提交,它将结果合并并存储在 s3 存储桶中。有什么办法可以做到这一点吗?

以下是我的自定义 UI 模板。

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>

<crowd-form>
<crowd-tabs>
    <crowd-tab header="Tab 1">
        <div id="additionalQuestions" style="margin-top: 20px">
        <crowd-text-area name="essay" rows="1" placeholder="Enter the title of essay "></crowd-text-area>
        </div>
        <crowd-classifier-multi-select
        name="crowd-classifier-multi-select" 
        header="If topic not listed below,please enter the relavant topic above."
        categories="['Topic 1','Topic 2y','Topic 3','Topic 4']"
        >
        <classification-target>
          {{ task.input.taskObject }}
        </classification-target>
        </crowd-classifier-multi-select>
    </crowd-tab>

    <crowd-tab header="Tab 2">
      <crowd-entity-annotation
            name="crowd-entity-annotation"
            header="Highlight parts of the text below "
            labels="[{'label': 'present','fulldisplayName': 'Present tense'},{'label': 'past','fulldisplayName': 'past tense'},{'label': 'future','fulldisplayName': 'future tense'}]"
            text="{{ task.input.taskObject }}"
        >
      </crowd-entity-annotation>
    </crowd-tab>
</crowd-tabs> 
</crowd-from>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)