ViewBag.Title = "HtmlHelperDemo";
<h3>Church Donation Form</h3>
<div class="form-horizontal">
@using (Html.BeginForm("UserRegistration", "Students"))
@Html.Label("Last Name", new { @class = "control-label col-sm-2" })
@Html.TextBox("lastname", null, new { @class = "form-control" })
@Html.Label("Middle Name", new { @class = "control-label col-sm-2" })
@Html.TextBox("middlename", null, new { @class = "form-control" })
@Html.Label("First Name", new { @class = "control-label col-sm-2" })
@Html.TextBox("firstname", null, new { @class = "form-control" })
@Html.Label("Email Address", new { @class = "control-label col-sm-2" })
@Html.TextBox("email", null, new { @class = "form-control" })
@Html.Label("Gender", new { @class = "control-label col-sm-2" })
Male @Html.RadioButton("Gender", "male")
Female @Html.RadioButton("Gender", "female")
@Html.Label("Amount you would like to donate", new { @class = "control-label col-sm-2" })
@Html.TextBox("amount", null, new { @class = "form-control" })
@Html.Label("Would you like to make this donation in someone else's name?", new { @class = "control-label col-sm-2" })
YES @Html.CheckBox("YES", new { value = "YES" })
NO @Html.CheckBox("NO", new { value = "NO" })
@Html.Label("Currency", new { @class = "control-label col-sm-2" })
@Html.DropDownList("currency", new List<SelectListItem> {
new SelectListItem {Text="Select Currency", Value="-1"},
new SelectListItem {Text="Pesos", Value="Pesos"},
new SelectListItem {Text="Dollars", Value="Dollars"},
new SelectListItem {Text="Yen", Value="Yen"},
new SelectListItem {Text="Euro", Value="Euro"},
}, new { @class = "custom-select" })
@Html.Label("Donate Payment Option:", new { @class = "control-label col-sm-2" })
@Html.ListBox("payment", new List<SelectListItem> {
new SelectListItem {Text="Gcash", Value="Gcash"},
new SelectListItem {Text="PayMaya", Value="PayMaya"},
new SelectListItem {Text="Bank Acoount", Value="Bank Account"},
new SelectListItem {Text="Coins Ph", Value="Coins Ph"},
new SelectListItem {Text="Paypal", Value="Paypal"},
new SelectListItem {Text="Venmo", Value="Venmo"},
}, new { @class = "Form-control" })
<div class="col-sm-2"> </div>
<input type="submit" value="submit" class="btn btn-primary" />