> For the complete documentation index, see [llms.txt](https://docs.quantumbyte.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/1.started.md).
# Widget Form
Creating a form involves three main stages:
1. **Form:** This section contains the list of all your different forms.
2. **Validation**: This is where you set up rules to validate user input.
3. **Data Process**: This is where you configure how the submitted data is handled.
### Using Form Widget
First, make sure you have created a new service and are on the frontend builder page, as shown in the image below.
1. **Drag and drop** the form widget from the menu onto your page.
2. Click the "**gear**" icon on the form widget to open its settings.
3. A pop-up window will appear. Click "**Tambah Formulir**" (Add Form).
4. The display will change to the form builder view (as shown in the image below).
5. To add a field, click "**Tambah Bidang**" (Add Field). A new field will appear.
6. Configure this new field by clicking on the "**Bidang**" (Field) that you just added.
7. In the "**Label**" column, enter the name for your field (e.g., "Full Name", "Email").
8. Once done, click the **"Setup Komponen" (Setup Component)** button.
9. A setup panel will appear, allowing you to configure the type and behavior of the form field.
10. Select and choose the appropriate form type for your needs (e.g., standard form, time, media, camera, location, dynamic, built-in, or external/internal data).
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://docs.quantumbyte.ai/home/quantumbyte-v2.0/2.builder/1.frontend/6.formulir/1.started.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
.jpg)
.jpg)
