background

UI for ASP.NET Core

ASP.NET Core Form

  • The ASP.NET Core Form allows users to directly input and submit data anywhere.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for ASP.NET Core Form - Header
  • Overview

    Setting up all sorts of forms is now easy with the new Telerik UI for ASP.NET Core Form component. As is routine, it gives you absolute freedom in how you want to build your next application’s registration page or contact form.

    See the ASP.NET Core Form Demo

    Telerik UI For ASP.NET Core Forms-Items
  • Data Binding

    Data can be bound to the Form component. This will both make sure set you the values of your model directly with what the user entered but also save you time. When the form is provided with a data model, it will automatically generate an input field for every property in your model, depending on its type!

    Telerik UI for ASP.NET Core Data Binding
  • Field Configuration

    To specify the fields your form consists of, it is enough to supplement a list of field descriptors which tell the component how each field should be rendered. What’s the value type (password, address or plain old text?) What sort of validation does it have?

  • Orientation and Layout

    The Form can be oriented both horizontally and vertically which makes it really easy to fit it anywhere on the page. It can be rendered as a grid if you want to have separate columns. Should it have different columns? Or would you rather have it decide on its own what’s the best presentation? Take your pick!

    See more about ASP.NET Core Form Orientation and Layout

    Telerik UI For ASP.NET Core Forms-Orientation
  • Built-in TextBox and TextArea

    The ASP.NET Core Form has built-in TextBox and TextArea items to allow users to input short or long strings of text. The TextBox is useful when asking for short information such as name, email, username, etc., while the TextArea is usually used for comments, feedback and additional notes. 
    Telerik UI for ASP.NET Core Forms Built-in TextBox and TextArea
  • Templates

    When you first add a form to your page, you will see two buttons by default – “Clear” and “Submit” whose exact function you can probably guess. In many cases you would want to change them to say something else like “Agree & Continue” in your sign-up form when displaying the application’s license agreement – and the Form will let you customize that as well as other elements.

  • Hidden Fields

    The Telerik UI for ASP.NET Core Form component comes with built-in support for hidden fields. This can come in handy when the form is used for registration, and you might need a unique ID number for each user. The ID number field can remain hidden as not to confuse the users, but still be generated and referred to later on. 

    Explore the Telerik UI for ASP.NET Core Form Hidden Fields feature
  • Validation

    The Form can be validated in its entirety but any field the form contains can also be validated on its own. You need to implement and pass a callback for each validation you need to be executed and the control will make sure to call them when the time is right. Furthermore, you can configure whether validation is run when the element loses focus or at another time and how should the error message look like.

    Learn more about Telerik UI for ASP.NET Core Form Validation

    Telerik UI for ASP.NET Core Forms-Validation
  • HTML and Tag Helpers

    With Telerik UI for ASP.NET Core, you can choose to declare components in two ways—with HTML helpers or Tag helpers. Take advantage of either one to help you easily implement the ASP.NET Form in your application. 
    Telerik UI for ASP.NET Core HTML and Tag Helpers

All ASP.NET Core Components

Next Steps