ASP.NET MVC 5 - Bài 4: Nhập liệu với Input, Select


1. Tạo View nhập liệu

- Tạo dạng Html thông thường

<form action="Đường dẫn đến action nhận dữ liệu" method="Phương thức truyền lên server">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
</form> 

Các thành thuộc tinh quan trọng của form:

+ action: là đường dẫn url đến action nhận giá trị quyền lên

+ method: Phương thức gửi dữ liệu lên action. Method của action và của form phải đồng nhất với nhau. Phương thức phổ biến nhất: Get (tham số truyền qua url), Post (truyền thông tin thông qua HTTP header, bảo mật hơn)

Các thẻ html nhập liệu: Không có gì thay đổi

+ input

+ select

+ radio

+ textarea

- Tạo dạng Razor

 @using (Html.BeginForm())
 {

}

Các thẻ html nhập liệu:

- Input:   @Html.EditorFor(model => model.TenDuAn, new { htmlAttributes = new { @class = "form-control", @required = "required" , type="text"} })

- TextArea:   @Html.TextAreaFor(model => model.TomTat,   new { @class = "form-control"   })

2. Tạo Action nhận dữ liệu

- Lựa chọn Method cho Action: Đặt thiết lập trước action.  [HttpPost],  [HttpGet]

           [HttpPost]
        public ActionResult XemTheoLoai(string tenLoai, int? page)
        {
            ViewBag.tenLoai = tenLoai;
            ViewBag.page = page??1;
            return View();
        }

- Các tham số: Đặt tham số tương tự các Name của input tại View

- Đặt tên Action có thể giống hoặc khác tên , nếu cùng tên phải khác phương thức