メインコンテンツまでスキップ

フォームの項目に初期値やプレースホルダーを設定できますか?

フォーム項目設定で設定が可能です。
Placeholderに任意の文字列を設定すると、入力内容がレスポンスに含まれますのでフロントエンドで表示場所を調整ください。

設定箇所

フォーム項目設定の[設定]をクリックします。
Image from Gyazo 表示された設定画面から[Placeholder]に入力します。
Image from Gyazo

ヒント

APIレスポンスを確認する方法は下記のチュートリアルをご参照ください。
- Swagger UIを利用して、コンテンツのデータ構造を確認する

フロントエンドの記述例

フロントへの表示部分はお客様側で自由に記述ください。
例えばNuxt.jsの場合は、KurocoとNuxt.jsで、フォーム画面を構築する のチュートリアルの記述を以下のように変更すると、初期値やプレースホルダーを表示できます。

  • 変更前
<input :name="col.objKey" type="text" />
  • 変更後(初期値)
<input :name="col.objKey" :value="col.attribute.placeholder" type="text" />
  • 変更後(プレースホルダー)
<input :name="col.objKey" :placeholder="col.attribute.placeholder" type="text" />

サポート

お探しのページは見つかりましたか?解決しない場合は、問い合わせフォームからお問い合わせいただくか、Slackコミュニティにご参加ください。