Khởi tạo và làm việc với các mã HTML5 và form

WEB302_ HTML5 & CSS3 Lab2 1 Bài thự c hành số 2 – Khở i tạ o, làm việ c vớ i mã HTML5 & thành phầ n Form Chú ý chung vớ i toàn bộ các buổ i lab: - Toàn bộ bài tậ p trong các buổ i lab, bắ t buộ c sinh viên phả i viế t mã bằ ng tay, sử dụ ng mộ t trong các chư ơ ng trình soạ n thả o mã sau: o Notepad ++ o E- Text Editor Mụ c tiêu Buổi thực hành số3 tiếp tục giúp sinh viên làm việc với mã HTML5 đồng thời làm việc được với thành phần mới trong HTML5 đó là: Form WEB302_ HTML5 & CSS3 Lab2 2 Bài 1 Sinh viên tựthực hành trước các bước trong SGK với 2 thư mục: - HTML5_06lessons - HTML5_07lessons Nộp thư mục hoàn thiện theo tên: - HTML5_06lessons_done - HTML5_07lessons_done Đây là dạng bài tập không chấm điểm, tuy nhiên bắt buộc sinh viên phải có kết quảđểnộp cho giảng viên theo dõi. Nếu sinh viên nào không thực hiện, giảng viên có quyền trừđiểm vào các bài tập sau Bài 2 Sửdụng kiến thức được học vềcấu trúc mã lệnh, kiểm tra mã HTML5, hãy kiểm tra những lỗi không theo chuẩn HTML5 có trong file TaiNguyen\Lesson02\index.html & common.css 1. Sinh viên sửdụng cách comment trong HTML đểđánh dấu những chỗsai 2. Sửa lại những lỗi sai đó theo đúng chuẩn HTML5 Sinh viên lưu file theo tên: index_done.html Bài 3 Sửdụng layout đăng ký thành viên trong thư mục TaiNguyen\Lesson03\register.psd đểthực hiện dàn theo chuẩn HTML5 cho trang đăng ký WEB302_ HTML5 & CSS3 Lab2 3 Yêu cầu: - Độtuổi trung bình chạy từ18 󽟡 45, giá trịmặc định là 20 - Sửdụng datalist cho tùy chọn thành phố(tên thành phốsinh viên tùy ý nhập, ít nhất 5 thành phố) - Yêu cầu phải có validator kiểm tra tính hợp lệcủa các input khi nhấn nút sựkiện “Đăng ký” Sinh viên lưu file theo tên: register.html Yêu cầ u nộ p bài WEB302_ HTML5 & CSS3 Lab2 4 Cuối giờthực hành, sinh viên tạo thư mục theo tên < Tên đăng nhậ p SV> _Lab3, chứa tất cả sản phẩm của những bài lab trên, nén lại thành file zip và upload lên mục nộp bài tương ứng trên LMS. . số3 tiếp tục giúp sinh viên làm việc với mã HTML5 đồng thời làm việc được với thành phần mới trong HTML5 đó là: Form WEB302_ HTML5 & CSS3 Lab2 2 Bài. WEB302_ HTML5 & CSS3 Lab2 1 Bài thự c hành số 2 – Khở i tạ o, làm việ c vớ i mã HTML5 & thành phầ n Form Chú ý chung vớ i toàn bộ các buổ i lab: -