# ASP.NET Core Form Overview

The Telerik UI Form TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers for the Kendo UI Form widget.

The Telerik UI Form for ASP.NET Core allows you to generate and manage forms. Through a variety of configuration options, it makes creating and customizing forms a seamless experience. Achieve the desired form appearance by using default or custom editors, choose layout and orientation, display the editors in groups and columns, and configure validation.

* [Demo page for the Form HtmlHelper](https://demos.telerik.com/aspnet-core/form/index)

* [Demo page for the Form TagHelper](https://demos.telerik.com/aspnet-core/form/tag-helper)

## Initializing the Form

The following example demonstrates how to define the Form.

```Razor HtmlHelper
        @(Html.Kendo().Form<MyApplication.Models.UserViewModel>()
        .Name("form")
        .HtmlAttributes(new { action = "Index", method = "POST" })
        .Validatable(v =>
        {
            v.ValidateOnBlur(true);
            v.ValidationSummary(vs => vs.Enable(true));
        })
        .Items(items =>
        {
            items.AddGroup()
                .Label("Registration Form")
                .Items(i =>
                {
                    i.Add()
                        .Field(f => f.FirstName)
                        .Label(l => l.Text("First Name:"));
                    i.Add()
                        .Field(f => f.LastName)
                        .Label(l => l.Text("Last Name:"));
                });
        });
    )

```

```Razor TagHelper
    @model Kendo.Mvc.Examples.Models.Form.UserViewModel

    <kendo-form name="form" form-data="@Model" method="POST" asp-controller="Form" asp-action="Tag_Helper">
        <validatable validate-on-blur="true" validation-summary="true" />
        <form-items>
            <form-item type="group">
                <item-label text="Registration Form" />
                <form-items>
                    <form-item field="FirstName">
                        <item-label text="First Name:" />
                    </form-item>
                    <form-item field="LastName">
                        <item-label text="Last Name:" />
                    </form-item>
                </form-items>
            </form-item>
        </form-items>
    </kendo-form>

```

## Functionality and Features

| Feature                                                                                                               | Description                                                                                                                                                                                                                                             |
| --------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [Items](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/items)                          | The configuration of the Form `Items` allows you to customize their appearance and behavior.                                                                                                                                                            |
| [Layout](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/layout)                        | You can choose between the default and `Grid` layout.                                                                                                                                                                                                   |
| [Groups](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/groups)                        | The Form allows you to group the input fields in logical sections.                                                                                                                                                                                      |
| [Buttons](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/buttons)                      | Alter the **Submit** and **Clear** buttons appearance.                                                                                                                                                                                                  |
| [Orientation](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/orientation)              | You can choose between a `vertical` or `horizontal` orientation of the labels in the Form.                                                                                                                                                              |
| [Responsive Form](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/responsive)           | Configure column spans and breakpoints to make the Form responsive on various screen sizes.                                                                                                                                                             |
| [Validation](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/validation)                | The Form has a built-in validator to enable seamless client-side validaiton.                                                                                                                                                                            |
| [Hidden Fields](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/hidden-fields)          | You can hide specific fields, like the `ID`.                                                                                                                                                                                                            |
| [Accessibility](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/accessibility/overview) | The component is accessible for screen readers, supports WAI-ARIA attributes, and delivers [keyboard shortcuts](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/accessibility/keyboard-navigation) for faster navigation. |

## Next Steps

* [Getting Started with the Form](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/getting-started-form)

* [Basic Usage of the Form HtmlHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/form/index)

* [Basic Usage of the Form TagHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/form/tag-helper)

* [Form in Razor Pages](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/razor-page)

## See Also

* [Using the API of the Form for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/form/api)
* [Server-Side API](https://www.telerik.com/aspnet-core-ui/documentation/api/form)