# Form Elements

## Summary

All form elements mostly follow the same pattern: 

* a **symbol** (like :, $, \* etc)
* **square brackets**:
  * an identifier: lets you refer to the selected value in [Templating & Interpolation](https://fig.gitbook.io/fig/interactive-runbooks-2/templating-and-interpolation)
  * a placeholder value
* **curly braces**:
  * let you define a default value (or a list of options in the case of a dropdown)
  * uses Fig's [scripting language](https://fig.gitbook.io/fig/interactive-runbooks-2/rundown-language)

```
^[identifier: placeholder ]{ script }
```

{% hint style="info" %}
**Note:** There should NEVER be a space between the square brackets and curly braces 
{% endhint %}

## Elements

**Click on each element to get more information + examples**

### [**Input / Text Field**](https://fig.gitbook.io/fig/interactive-runbooks-2/components/input)

`:[identifier: placeholder ]{ defaultvalue }`

### [**Textarea**](https://fig.gitbook.io/fig/interactive-runbooks-2/components/textbox)

`$[identifier: placeholder ]{ defaultvalue }`

### [**Dropdown**](https://fig.gitbook.io/fig/interactive-runbooks-2/components/dropdown)

`^[id: placeholder ]{ array_of_options }`

### [**Checkboxes**](https://fig.gitbook.io/fig/interactive-runbooks-2/components/checkboxes)

`%[identifier: value ]{ default_value }` 

* If an identifier is used once, output is boolean
* If an identifier is used multiple times, output is an array of selected values.

### [**Buttons**](https://fig.gitbook.io/fig/interactive-runbooks-2/components/buttons)

`+[identifier: "Button Label"]{ script that is run when button is clicked }`

* Using the button's identifier in mustache braces will show the output of the script to run