> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aseeflow.org/llms.txt
> Use this file to discover all available pages before exploring further.

# Embedded Forms Reference

This reference covers the features of the Camunda Forms SDK. The Forms SDK simplifies the
implementation of user task forms in HTML5 / JavaScript based Applications. The Forms SDK itself is
written in JavaScript and can be added to any  JavaScript based Application.

<Info>
  **The Forms SDK and ASEE Flow Tasklist**

  [
  ASEE Flow Tasklist](/webapps/tasklist) uses the Form SDK for providing support for Embedded Forms. By default, the
  tasklist uses the Form SDKs AngularJS integration.
</Info>

## Features

The Forms SDK provides the following features:

* *Form handling*: attach to a form existing in the DOM or load a form from a URL.
* *Variable handling*: load and submit variables used in the form.
* *Script handling*: execute custom JavaScript in Forms
* *Angular JS Integration*: The Forms SDK optionally integrates with AngularJS to take advantage
  of AngularJS form validation and other AngularJS goodies.

The following is a simple example of a form with two input fields binding to process variables
`CUSTOMER_ID` and `CUSTOMER_REVENUE`:

```html theme={null}
<form>

  <label for="customerId">Customer Id:</label>

  <input type="text" id="customerId"
         cam-variable-name="CUSTOMER_ID"
         cam-variable-type="String">

  <label for="customerRevenue">Customer Revenue:</label>

  <input type="text" id="customerRevenue"
         cam-variable-name="CUSTOMER_REVENUE"
         cam-variable-type="Double">

</form>
```

## Anti Features

The Forms SDK is intended to be lean and small. By design it is not concerned with things like

* *Form Validation*: Instead, integrate with existing frameworks such as AngularJS.
* *Components / Widgets*: Instead, integrate nicely with existing component libraries like jQuery UI, Angular
  UI, ...
* *Form Generation*: Instead, allow users to leverage the complete power of HTML and JavaScript to
  implement complex forms.

## In this section

* [**Controls**](/reference/forms/embedded-forms/controls) — Form input controls.
* [**Javascript**](/reference/forms/embedded-forms/javascript) — Add behavior with JavaScript.
* [**Lifecycle and Events**](/reference/forms/embedded-forms/lifecycle) — Hook into the form lifecycle.
* [**Working with Json Data**](/reference/forms/embedded-forms/json-data) — Bind JSON process variables.
* [**Working with Java Objects**](/reference/forms/embedded-forms/java-objects) — Bind Java object variables.
* [**Integrating the Forms SDK**](/reference/forms/embedded-forms/integrate) — Use the Forms SDK in a custom app.