crowd-form - Amazon SageMaker
Hiérarchie des élémentsÉvénements des élémentsVoir aussi

crowd-form

Habillage de formulaire pour toutes les tâches personnalisées. Définit et met en œuvre les actions importantes pour l'envoi des données de votre formulaire.

Si un crowd-button de type « submit » n'est pas inclus dans l'élément <crowd-form>, il sera ajouté automatiquement dans l'élément <crowd-form>.

Consultez un exemple interactif d'un modèle HTML qui utilise cet élément HTML Crowd dans CodePen.

Voici un exemple de modèle de classification d'image qui utilise l'élément <crowd-form>. Copiez le code suivant et enregistrez-le dans un fichier avec l'extension .html. Ouvrez le fichier dans n'importe quel navigateur pour prévisualiser et interagir avec ce modèle. 

<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>

Hiérarchie des éléments

Les éléments parents et enfants de cet élément sont les suivants :

Événements des éléments

L'élément crowd-form prolonge l'élément HTML standard form et il hérite de ses événements tels que onclick et onsubmit.

Voir aussi

Pour plus d’informations, consultez les rubriques suivantes.