18 lines
1.7 KiB
HTML
18 lines
1.7 KiB
HTML
<script type="text/html" data-help-name="ui_form">
|
|
<p>ユーザインターフェイスにフォームを追加します。</p>
|
|
<p>ユーザから複数の値を受け付け、送信ボタンのクリックによって、<code>msg.payload</code>のオブジェクトとして値を送信できます。</p>
|
|
<p>要素ボタンで追加することで、複数の入力向けの要素を追加できます。</p>
|
|
<p>各要素は、以下の部品を持っています:</p>
|
|
<ul>
|
|
<li> <b>ラベル</b> : ユーザインターフェイス上の要素のラベルとなる値</li>
|
|
<li> <b>名前</b> : 要素と対応する値を格納する<code>msg.payload</code>内のキー(変数名)</li>
|
|
<li> <b>種類</b> : 入力向けの要素の種類を選択するドロップダウンオプション</li>
|
|
<li> <b>必須</b> : 有効にするとユーザは送信前に値を埋める必要となる設定</li>
|
|
<li> <b>行数</b> : 複数行から成るテキスト入力欄UIの行数</li>
|
|
<li> <b>削除</b> : 現在の要素をフォームから削除</li>
|
|
</ul>
|
|
<p><b>Topic</b>欄は任意で<code>msg.topic</code>プロパティを設定するために用いることができます。</p>
|
|
<p>キャンセルボタンは、値に空白""を設定することで非表示にできます。</p>
|
|
<p>クラスが指定されている場合、そのクラスは親要素に追加されます。 このようにして、カスタムCSSを使用して、カードとその中の要素のスタイルを設定できます。 クラスは、<code> msg.className </code>文字列プロパティを設定することで実行時に設定できます。</p>
|
|
</script>
|