Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.
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>
Attributs
Les attributs suivants sont pris en charge par cet élément.
allowed-pattern
Expression régulière utilisée avec l'attribut auto-validate pour ignorer les caractères saisis par l'employé qui ne correspondent pas.
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.
étiquette
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.
name
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.