crowd-text-area - Amazon SageMaker

crowd-text-area

Champ pour la saisie de texte.

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

Voici un exemple de modèle Liquid pour transcrire des clips audio qui utilise l'élément <crowd-text-area>. 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> <audio controls> <source src="{{ task.input.taskObject | grant_read_access }}" type="audio/mpeg"> Your browser does not support the audio element. </audio> <h3>Instructions</h3> <p>Transcribe the audio</p> <p>Ignore "umms", "hmms", "uhs" and other non-textual phrases</p> <crowd-text-area name="transcription" rows="4"></crowd-text-area> </crowd-form>

Attributes

Les attributs suivants sont pris en charge par cet élément.

auto-focus

Commutateur booléen qui, s'il est présent, place le curseur dans cet élément en chargement de manière à ce que les utilisateurs puissent immédiatement commencer leur saisie sans avoir à cliquer à l'intérieur de l'élément.

auto-validate

Commutateur booléen qui, s'il est présent, active la validation de la saisie. Le comportement du valideur peut être modifié par les attributs error-message et allowed-pattern.

char-counter

Commutateur booléen qui, s'il est présent, place sous le coin inférieur droit de l'élément un petit champ de texte indiquant le nombre de caractères à l'intérieur de l'élément.

disabled

Commutateur booléen qui, s'il est présent, affiche la zone de saisie comme désactivée.

error-message

Texte à afficher sous le champ de saisie, sur le côté gauche, si la validation échoue.

label

Chaîne qui s'affiche dans un champ de texte.

Ce texte rétrécit et se déplace au-dessus du champ de texte lorsque l'employé commence sa saisie dans le champ ou lorsque l'attribut value est défini.

max-length

Nombre entier qui spécifie le nombre maximal de caractères autorisés par l'élément. Les caractères saisis ou collés au-delà de la valeur maximale sont ignorés.

max-rows

Nombre entier qui spécifie le nombre maximal de lignes de texte autorisé dans crowd-text-area. Normalement, l'élément se développe pour accueillir de nouvelles lignes. Si cette valeur est définie, une fois le nombre de lignes dépassé, le contenu défile vers le haut hors de l'affichage et une barre de défilement apparaît.

nom

Chaîne utilisée pour représenter les données de l'élément dans la sortie.

placeholder

Chaîne présentée à l'utilisateur sous forme d'espace réservé. Elle disparaît une fois que l'utilisateur saisit quelque chose dans la zone.

rows

Nombre entier qui spécifie la hauteur de l'élément en lignes de texte.

value

Ce préréglage devient la valeur par défaut si l'employé ne saisit rien. Il s'affiche dans un champ de texte.

Hiérarchie des éléments

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

  • Éléments parents: crowd-form

  • Éléments enfants : aucun

Sortie

Cet élément génère le name comme nom de propriété et le texte de l'élément comme valeur. Les retours chariot du texte sont représentés \n.

Exemple de sortie pour cet élément

[ { "textInput1": "This is the text; the text that\nmakes the crowd go wild." } ]

Voir aussi

Pour plus d’informations, consultez les rubriques suivantes.