@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"; }
Based on Bootstrap form.
<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>