crowd-toggle-button - アマゾン SageMaker

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

crowd-toggle-button

状態を切り替えるオン/オフのスイッチとして機能するボタン。

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

次の例は、<crowd-toggle-button> HTML 要素を使用するさまざまな方法を示しています。次のコードをコピーし、拡張子 .html でファイルに保存します。任意のブラウザでファイルを開き、このテンプレートをプレビューして操作します。

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script> <crowd-form> <!--Toggle button without value--> <crowd-toggle-button name="toggleButtonWithoutValue"></crowd-toggle-button> <!--Toggle button with value--> <crowd-toggle-button name="toggleButtonWithValue" value="someValue"></crowd-toggle-button> <!--Toggle button disabled--> <crowd-toggle-button name="toggleButtonDisabled" disabled></crowd-toggle-button> <!--Toggle button marked invalid--> <crowd-toggle-button name="toggleButtonInvalid" invalid></crowd-toggle-button> <!--Toggle button marked required--> <crowd-toggle-button name="toggleButtonRequired" required></crowd-toggle-button> </crowd-form>

属性

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

checked

ブールスイッチ。存在する場合、オンの位置に切り替えられたボタンを表示します。

無効

ブールスイッチ。存在する場合、ボタンを無効なものと表示して切り替えを防止します。

invalid

オフの位置にある場合、この属性を使用するボタンはアラート色で表示されます。標準は赤ですが、CSS で変更することができます。オンに切り替えると、ボタンはオンの位置にある他のボタンと同じ色で表示されます。

name

ワーカーによって送信された回答を識別するために使用される文字列。この値は、回答を指定する JSON オブジェクトのキーに一致します。

必須

ブールスイッチ。存在する場合、ワーカーに入力を要求します。

要素のブール状態を表すプロパティ名として、出力で使用される値。指定しない場合、デフォルトで "on" になります。

要素の階層

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

出力

この要素は name をオブジェクトの名前として出力します。value がプロパティ名として含まれ、要素の状態がプロパティのブール値として含まれています。要素に value が指定されていない場合、プロパティ名はデフォルトで "on" になります。

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

[ { "theToggler": { "on": true } } ]

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

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