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

Forms

Based on Bootstrap form.

# 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>
            
*@