crowd-form

すべてのカスタムタスク用のフォームラッパー。フォームデータを適切に送信するための重要なアクションを設定および実装します。

タイプ "submit" の crowd-button が <crowd-form> 要素内部に組み込まれていない場合は、自動的に <crowd-form> 要素内部に付加されます。

この Crowd HTML 要素を使用する HTML テンプレートのインタラクティブな例については、「CodePen」を参照してください。

<crowd-form> 要素を使用するイメージ分類テンプレートの例を次に示します。次のコードをコピーし、拡張子 .html でファイルに保存します。任意のブラウザでファイルを開き、このテンプレートをプレビューして操作します。

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

<crowd-form>
    <crowd-image-classifier 
        src="${image_url}"
        categories="['Cat', 'Dog', 'Bird', 'None of the Above']"
        header="Choose the correct category for the image"
        name="category">


        <short-instructions>
            <p>Read the task carefully and inspect the image.</p>
            <p>Choose the appropriate label that best suits the image.</p>
        </short-instructions>

 
        <full-instructions header="Classification Instructions">
            <p>Read the task carefully and inspect the image.</p>
            <p>Choose the appropriate label that best suits the image. 
            Use the <b>None of the Above</b> option if none of the other labels suit the image.</p>
        </full-instructions>

    </crowd-image-classifier>
</crowd-form>

要素の階層

この要素には、以下の親および子要素があります。

• 親要素: なし

• 子要素: 任意のUI テンプレート要素

要素イベント

crowd-form 要素は、標準の HTML form 要素を拡張し、そのイベント (例: onclick、onsubmit) を継承します。

以下の資料も参照してください。

詳細については、以下を参照してください。

• Amazon を使用する SageMaker Ground Truth でデータに

• Crowd HTML 要素のリファレンス