crowd-text-area - アマゾン SageMaker

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

crowd-text-area

テキスト入力用のフィールド。

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

<crowd-text-area> 要素を使用するオーディオクリップを書き起こすように設計された Liquid テンプレートの例を次に示します。次のコードをコピーし、拡張子 .html でファイルに保存します。任意のブラウザでファイルを開き、このテンプレートをプレビューして操作します。

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

属性

次の属性が、この要素でサポートされています。

allowed-pattern

ワーカータイプとして一致しない文字を無視するために、auto-validate 属性と共に使用される正規表現。

auto-focus

ブールスイッチ。存在する場合、ユーザーが要素内部をクリックせずにすぐ入力を開始できるように、ロード時にカーソルをこの要素に置きます。

auto-validate

ブールスイッチ。存在する場合、入力の検証を有効にします。検証の動作は error-message 属性と allowed-pattern 属性によって変更できます。

char-counter

ブールスイッチ。存在する場合、要素の右下隅の下方に小さなテキストフィールドを配置して要素内の文字数を表示します。

無効

ブールスイッチ。存在する場合、入力領域を無効なものとして表示します。

error-message

検証が失敗した場合に、入力フィールドの下、左側に表示されるテキスト。

ラベル

テキストフィールド内に表示される文字列。

ワーカーがフィールドへの入力を開始するとき、または value 属性が設定されているとき、このテキストは縮小されてテキストフィールドの上に表示されます。

max-length

要素で許可される最大文字数を指定する整数。最大値を超えて入力または貼り付けた文字は無視されます。

max-rows

crowd-text-area 内で許可される、テキストの最大行数を指定する整数。通常、要素は新しい行に対応するように拡張します。これを設定した場合に行数が設定値を超えると、コンテンツは上方にスクロールして表示外となり、スクロールバーコントロールが表示されます。

name

出力で要素のデータを表すために使用される文字列。

プレースホルダー

プレースホルダーテキストとしてユーザーに表示される文字列。ユーザーが入力領域に何か入力すると消えます。

rows

要素の高さをテキストの行数で指定する整数。

ワーカーが入力を提供しない場合にデフォルトとなるプリセット。プリセットはテキストフィールドに表示されます。

要素の階層

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

出力

この要素は、name をプロパティ名として出力し、要素のテキストコンテンツを値として出力します。テキストの改行は \n として表されます。

例 この要素のサンプル出力

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

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

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