As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.
crowd-text-area
Um campo para entrada de texto.
Veja um exemplo interativo de um modelo HTML que usa esse elemento HTML do Crowd no CodePen
Veja a seguir um exemplo de um modelo do Liquid projetado para transcrever clipes de áudio que usam o elemento <crowd-text-area>
. Copie o código a seguir e salve-o em um arquivo com a extensão .html
. Abra o arquivo em qualquer navegador para visualizar e interagir com este modelo.
<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>
Atributos
Os seguintes atributos têm suporte por esse elemento.
allowed-pattern
Uma expressão regular usada com o atributo auto-validate para ignorar caracteres não correspondentes como os tipos de trabalho.
auto-focus
Uma operação booliana que, se presente, colocará o cursor nesse elemento em carga para que os usuários possam começar imediatamente a digitar sem precisar clicar dentro do elemento.
auto-validate
Uma operação booliana que, se presente, ativa a validação de entrada. O comportamento do validador pode ser modificado pelos error-message e allowed-pattern.
char-counter
Uma operação booliana que, se presente, colocará um pequeno campo de texto abaixo do canto inferior direito do elemento, exibindo o número de caracteres dentro desse elemento.
disabled
Uma operação booliana que, se presente, exibe a área de entrada como desabilitada.
error-message
O texto a ser exibido abaixo do campo de entrada, no lado esquerdo, se a validação falhar.
label
Uma string que é exibida dentro de um campo de texto.
Esse texto se encolhe e se eleva acima de um campo de texto quando o trabalhador começa a digitar no campo ou quando o atributo value está definido.
max-length
Um inteiro que especifica o número máximo de caracteres permitidos pelo elemento. Caracteres digitados ou colados além do máximo serão ignorados.
max-rows
Um inteiro que especifica o número máximo de linhas de texto permitidas dentro de crowd-text-area. Normalmente, o elemento se expande para acomodar novas linhas. Se isso for definido, depois que o número de linhas exceder esse limite, o conteúdo rolará para cima fora da vista, e um controle da barra de rolagem será exibido.
name
Uma string usada para representar os dados do elemento na saída.
espaço reservado
Uma string apresentada ao usuário como texto de espaço reservado. Ela desaparece depois que o usuário coloca algo na área de entrada.
rows
Um inteiro que especifica a altura do elemento em linhas de texto.
value
Uma predefinição que se tornará o padrão se o trabalhador não fornecer entrada. A predefinição aparece em um campo de texto.
Hierarquia de elementos
Esse elemento possui os seguintes elementos pai e filho.
-
Elementos pai: crowd-form
-
Elementos filho: nenhum
Resultado
Esse elemento produz o name
como um nome de propriedade e o conteúdo do texto do elemento como o valor. Os retornos de carro no texto são representados como \n
.
exemplo Exemplo de saída desse elemento
[ { "textInput1": "This is the text; the text that\nmakes the crowd go wild." } ]
Consulte também
Para obter mais informações, consulte: