> For the complete documentation index, see [llms.txt](https://cakewp.gitbook.io/gutenberg-forms/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cakewp.gitbook.io/gutenberg-forms/quick-tips/how-to-add-a-placeholder-text-to-an-input-field.md).

# How to add a placeholder text to an input field?

Adding a placeholder value is very easy in Gutenberg Forms. Simply write it inside the input field, and that will be applied as a placeholder on the front-end.

![](https://1512352932-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3kpG_L2KnkqtciR1m_%2F-MBc_i2aqnVsWWkMsnnF%2F-MBcaF6I5hS1nwYd8LNG%2FScreen%20Recording%202020-07-07%20at%2002.24.28%20PM.gif?alt=media\&token=f4024084-9567-459f-884c-8289ab75d171)

Here is how it looks on the front-end.

![](https://1512352932-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M3kpG_L2KnkqtciR1m_%2F-MBc_i2aqnVsWWkMsnnF%2F-MBcaJrMiPYTTvPR4iDl%2FImage%202020-07-07%20at%202.24.57%20PM.png?alt=media\&token=9437dafa-e8ca-40b2-ac5d-62c394382206)

No labels and with a placeholder value for the first two fields. That's easy. 😇