Mục tiêu: Tích hợp HTML control vào trang Tạo trình xử lý sự kiện cho page và các server control trên page. Yêu cầu: Trước khi thực hiện bài lab sinh viên phải biết cách tạo trang HTML. Kịch bản: Người sử dụng nhập vào địa chỉ email và password để sign in trong hệ thống. Thông thường là trang . Trong bài lab này sinh viên sẽ tạo trang đầu tiên với HTML server control rồi sau đó viết trình xử lý sự kiện của button. Những thông tin user gởi tới server sẽ được trả về client thông qua. | Lập trình Khoa CNTT Lab 1 Sử dụng để thu thập và hiển thị thông tin Mục tiêu - Tích hợp HTML control vào trang - Tạo trình xử lý sự kiện cho page và các server control trên page. Yêu cầu - Trước khi thực hiện bài lab sinh viên phải biết cách tạo trang HTML. Kịch bản - Người sử dụng nhập vào địa chỉ email và password để sign in trong hệ thống. Thông thường là trang . Trong bài lab này sinh viên sẽ tạo trang đầu tiên với HTML server control rồi sau đó viết trình xử lý sự kiện của button. Những thông tin user gởi tới server sẽ được trả về client thông qua thành phần HTML span. Bài tập 1 Tạo trang - Trong phần này sinh viên sẽ tạo page đơn giản chỉ có duy nhất 1 form hai HTML text box 1 HTML button và 1 thành phần HTML span . 1. Sử dụng Visual Studio .NET tạo một Web project có tên là aspnet_lab1 a. Trong menu File chọn New chọn Project b. Trong hộp thoại New Project chọn Web Application thiết lập tên là aspnet_lab1 xác nhận đường dẫn lưu trữ các file trong project ở Location sau đó xác nhận OK để hoàn tất việc khởi tạo project. Trang 1 Lập trình Khoa CNTT Hình 1 Màn hình tạo project Web Application c. Kết quả thu được project như sau Solution Explorer - Solution aspne. 35 Solution aspnetjabr 1 project E aspnet-labl Properties References Ị. 03 App_Data Trang 2 Lập trình Khoa CNTT Hình 2 Cửa sổ Solution Explorer quản lý các file trong project d. Project hiện chỉ có duy nhất một web form là mở màn hình thiết kế của form này ra bằng cách kích đúp vào file trong cửa sổ solution explorer e. Sử dụng các HTML control để tạo form như hình minh họa sau lưu ý tag span được thêm vào sau button Sign in Now. Hình 3 Giao diện minh họa của Web Form Bảng mô tả các control trên web form Control Attribute type text Email _ id txtEmail Password type password id txtPassword type submit Button value Sign In Now .
