Bài giảng Lập trình web: Layout - Form cung cấp cho người học các kiến thức: Cấu trúc trang Web HTML5; Form HTML5. Mời các bạn cùng tham khảo! | 12 30 2016 Layout - Form Nội dung Cấu trúc trang Web HTML5 Form HTML5 12 30 2016 ĐTTH 2 1 12 30 2016 Ví dụ 12 30 2016 ĐTTH 4 2 12 30 2016 HTML5 Cấu trúc HTML5 được chia theo ngữ cảnh semantic của trang web phần tiêu đề trang thanh Menu thể hiện các liên kết nội dung nội dung chứa trong section nội dung độc lập Section Phần cuối trang 12 30 2016 ĐTTH 5 Ví dụ 1 12 30 2016 ĐTTH 6 3 12 30 2016 12 30 2016 ĐTTH 7 12 30 2016 ĐTTH 8 4 12 30 2016 12 30 2016 ĐTTH 9 12 30 2016 ĐTTH 10 5 12 30 2016 Ví dụ 2 12 30 2016 ĐTTH 11 12 30 2016 ĐTTH 12 6 12 30 2016 Ví dụ 3 - Demo Form Text Selection List Radio Check box Submit Reset File select Textarea 12 30 2016 ĐTTH 14 7 12 30 2016 GIỚI THIỆU FORM Form được sử dụng khi cần Thu thập thông tin tên địa chỉ số điện thoại email để đăng ký cho người dùng vào một dich vụ hoặc một sự kiện Tập hợp thông tin để mua hàng Thu thập thông tin phản hồi về một Website Cung cấp công cụ tìm kiếm trên website 12 30 2016 ĐTTH 15 . . . Nội dung các phần tử của Form . . . 12 30 2016 ĐTTH 16 8 12 30 2016 Trong đó id tên của form xác định duy nhất. action chuyển đến file action khi sự kiện trên form được thực thi 12 30 2016 ĐTTH 17 CÁC PHẦN TỬ CỦA FORM Phần tử Phần tử Dropdown list Phần tử Phần tử Phần tử Phần tử Phần tử 12 30 2016 ĐTTH 18 9 12 30 2016 Phần tử Input Input type text Nhập dữ liệu dạng text và number giá trị là dạng text Cú pháp Name định danh txtten txtpass Value Dữ liệu ban đầu trong textbox Size chiều rộng của textbox số ký tự 20 Maxlength số ký tự tối đa có thể nhập vào text box 12 30 2016 ĐTTH 19 Readonly không cho thay đổi dữ liệu Disabled khóa không thực thi textbox 12 30 2016 ĐTTH 20 10 12 30 2016 Phần tử Input Input type password Nhập dữ liệu dạng text và number giá trị là dạng text mã hóa Cú pháp Name định danh txtten txtpass Value Dữ liệu ban đầu trong textbox Size chiều rộng của textbox số ký tự 20 Maxlength số ký tự tối đa có thể nhập vào text box 12 30 2016 ĐTTH 21 Readonly không cho thay đổi dữ liệu Disable khóa không thực thi