@page @using Volo.Abp.AspNetCore.Mvc.UI.Bootstrap.Demo.Pages.Components @model FormsModel @{ ViewData["Title"] = "Forms"; }

Forms

Based on Bootstrap form.

# Dynamic Form Example

       
        <abp-dynamic-form model="Model.Person" >
        </form>
@*

# Input Group Example

            <form method="post" action="#">
                <abp-input asp-for="Model.Name"/>
                <abp-input asp-for="Model.Password" label="Password"/>
                <abp-input asp-for="Model.IsActive" />
                <abp-input asp-for="Model.PhoneNumber" />
                <abp-input asp-for="Model.EmailAddress" />
                <abp-input asp-for="Model.Count" />
                <abp-input asp-for="Model.Day" />
                <abp-select asp-for="Model.Country" asp-items="Model.Countries" label="Country"></abp-select>
                <abp-select asp-for="Model.City" asp-items="Html.GetEnumSelectList(typeof(Cities))"></abp-select>
            </form>
*@ @*
            <form method="post" action="#">
                <abp-form-group>
                    <abp-select asp-for="@Model.Country" asp-items="@Model.Countries"></abp-select>
                </abp-form-group>
                <abp-form-group>
                    <abp-select asp-for="@Model.City" asp-items="@Html.GetEnumSelectList(typeof(Cities))"></abp-select>
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.Name" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.Password" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.PhoneNumber" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.EmailAddress" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.Count" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.Day" />
                </abp-form-group>
                <abp-form-group>
                    <abp-input asp-for="@Model.IsActive" />
                </abp-form-group>
            </form>
*@