Bài giảng Lập trình Web: Chương 5 - Nguyễn Hoàng Tùng

Chương 5 Form trong lập trình Web thuộc Bài giảng Lập trình Web, cùng nắm kiến thức trong chương này thông qua việc tìm hiểu các nội dung chính sau: Form là gì, các thành phần của form. Mời các bạn cùng tham khảo!

FORM TRONG LẬP TRÌNH WEB

 Nguyễn Hoàng Tùng

 Bộ môn Kỹ thuật phần mềm

 nhoangtung@agu.edu.vn

 www.nhtung.com

Nội dung chính của slide này

Form là gì?

Các thành phần của form

Ví dụ về giao diện form

Ví dụ về giao diện form

TextArea

CheckBox

Button Label

form

Sử dụng để chứa mọi thành phần khác của form

Không nhìn thấy được khi trang web đang hiển thị

Các thuộc tính quan trọng:

action : Chỉ đến tập tin từ sever sẽ nhận dữ liệu từ form Nên

sử dụng đường dẫn tương đối nếu nằm trong cùng 1 website

method : Có 2 dạng phương thức:

• GET : Dữ liệu truyền từ client đến server “công khai”, các giá trị và thông tin nhập liệu từ các input sẽ hiện trên thanh địa chỉ

• POST : Các giá trị và thông tin nhập liệu từ các input sẽ không

hiện trên thanh địa chỉ

Form được định nghĩa bằng cặp thẻ: <form> </form>

Các thuộc tính của thẻ <form> :

Ví dụ:

input  text

Công dụng: Tạo điều khiển nhập kiểu text 1 dòng

input  text

Ví dụ:

input  password

Công dụng: Tạo điều khiển nhập mật khẩu

input  password

Ví dụ:

input  number

Công dụng: Tạo điều khiển nhập kiểu số

input  number

Ví dụ:

input  radio

Công dụng: Tạo điều khiển 1 lựa chọn

input  radio

Ví dụ:

input  checkbox

Công dụng: Tạo điều khiển nhiều lựa chọn

input  checkbox

Ví dụ:

input  color

Công dụng: Tạo điều khiển chọn màu sắc

input  color

Ví dụ:

input  date

Công dụng: Tạo điều khiển nhập kiểu ngày

input  date

Ví dụ:

input  email

Công dụng: Tạo điều khiển nhập kiểu email

input  email

Ví dụ:

input  file

Công dụng: Tạo điều khiển chọn tập tin để upload

input  file

Ví dụ:

input  time

Công dụng: Tạo điều khiển nhập kiểu giờ

input  time

Ví dụ:

input  url

Công dụng: Tạo điều khiển nhập kiểu địa chỉ trang web

input  url

Ví dụ:

input  range

Công dụng: Tạo điều khiển chọn giá trị trong khoảng

input  range

Ví dụ:

input  image

Công dụng: Tạo nút submit dạng hình ảnh

input  image

Ví dụ:

input  submit

Công dụng: Tạo nút submit dạng thường

input  submit

Ví dụ:

input  reset

Công dụng: Tạo nút reset

input  reset

Ví dụ:

input  button

Công dụng: Tạo nút nhấn không kèm sự kiện

input  button

Ví dụ:

Công dụng: Tạo nhãn cho điều khiển

Ví dụ:

Công dụng: Tạo nút nhấn tuỳ chọn (button, reset, submit)

Ví dụ:

Công dụng: Tạo điều khiển nhập kiểu text nhiều dòng

Ví dụ:

select/optgroup/option

datalist

Công dụng: Tạo danh sách gợi ý, áp dụng cho <input>

Danh sách thuộc tính: Không có

option

Công dụng: Tạo một chọn lựa ( được lồng trong <select>, <optgroup>, <datalist> ) Danh sách thuộc tính: Đã trình bày ở slide trước

datalist/option

Công dụng: Tạo một cặp khóa chính sử dụng cho <form>

Ví dụ:

Công dụng: Xuất ra kết quả của một phép tính

Ví dụ:

fieldset/legend

Giải đáp thắc mắc