top of page
Basic Form

Basic Form

Create a basic form without writing a line of code.

Intermediate.png

Beginner

4K

Published:

December 31, 2019

Girl Enjoying her Drink

by

Anchor 1
Hire a Developer

Example Description

In this example we create a basic form without writing a line of code.

Example Code

Tab 1

.

Tab 2

.

Tab 3

.

This code solution can be complicated.

How We Built It

This example demonstrates how to use input elements, a dataset, and a button to capture and store user input in a database collection.


The form uses several input types:

  • Text inputs for the personal details

  • Radio button group for the class selection

  • Datepickers for the flight dates

  • Button for saving the information


All the input elements are connected to a particular field in the flightReservations collection that can be found in the Database section of the site. The connections are accomplished using the write-only Flight Reservations dataset.


The Save button is also connected to the dataset and configured to submit the values from the input elements.


Next Steps


  1. Open this example in the Editor to work with the template.

  2. Publish the site.

  3. Learn how to work with examples in Velo.

APIs We Used

API Link

Non-code example.

Related Articles

Hire a Developer

Velo solutions are powerful tools, but building them on your own can be challenging. Let an experienced Velo development shop build it for you, so you can keep working on your site or business.

Related Examples

Did this help?

Yes

|

No

Thanks for your feedback!

Multistage Form

Multistage Form

Create a form split into multiple steps.

Intermediate.png

Beginner

Change Layout

Change Layout

Change a layout using a slideshow.

Intermediate.png

Beginner

Cascading Form

Cascading Form

Change the options of a dropdown based on a previous selection.

Intermediate.png

Intermediate

Collapsing Form

Collapsing Form

Collapse and expand sections of a form.

Intermediate.png

Beginner

Anchor 2
bottom of page