---
title: フォームの項目に初期値やプレースホルダーを設定できますか？
description: フォーム項目設定で設定が可能です。Placeholderに任意の文字列を設定すると、入力内容がレスポンスに含まれますのでフロントエンドで表示場所を調整ください。
category: howto
---

import StructuredDataFaqs from '@site/src/components/StructuredDataFaqs';

<StructuredDataFaqs faqs={[
    { question: "フォームの項目に初期値やプレースホルダーを設定できますか？", answer: "フォーム項目設定で設定が可能です。Placeholderに任意の文字列を設定すると、入力内容がレスポンスに含まれますのでフロントエンドで表示場所を調整ください。" }
]} />

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

## 設定箇所
フォーム項目設定の[設定]をクリックします。  
![Image from Gyazo](https://t.gyazo.com/teams/diverta/6d92ad4639b572fce20ce8acf7d0d7c3.jpg)
表示された設定画面から[Placeholder]に入力します。  
![Image from Gyazo](https://t.gyazo.com/teams/diverta/2a7fa8cf488b6894c052fd54263f7dde.png)
:::tip
APIレスポンスを確認する方法は下記のチュートリアルをご参照ください。<br/>- [Swagger UIを利用して、コンテンツのデータ構造を確認する](/ja/docs/tutorials/using-swagger-to-check-the-structure-of-data/)
:::

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

- 変更前
```markup
<input :name="col.objKey" type="text" />
``` 

- 変更後(初期値)
```markup
<input :name="col.objKey" :value="col.attribute.placeholder" type="text" />
```

- 変更後(プレースホルダー)
```markup
<input :name="col.objKey" :placeholder="col.attribute.placeholder" type="text" />
```
