Lý thuyết Tin 12 Bài F5: Tạo biểu mẫu trong trang web - Chân trời sáng tạo

Haylamdo biên soạn tóm tắt lý thuyết Tin học 12 Bài F5: Tạo biểu mẫu trong trang web sách Chân trời sáng tạo hay nhất, ngắn gọn sẽ giúp học sinh lớp 12 nắm vững kiến thức trọng tâm, ôn luyện để học tốt môn Tin 12.

Lý thuyết Tin 12 Bài F5: Tạo biểu mẫu trong trang web - Chân trời sáng tạo

1. Giới thiệu biểu mẫu trong trang web:

Biểu mẫu web là thành phần để người dùng nhập dữ liệu vào trang web. Người dùng

có thể tương tác với trang web thông qua biểu mẫu theo nhiều cách thức khác nhau như nhập dữ liệu văn bản, số, email, mật khẩu hoặc chọn một phương án, chọn nhiều phương án, nháy chuột vào nút nhấn,...

Biểu mẫu web giúp người dùng tương tác với trang web.

Những thao tác thông dụng của người dùng trên biểu mẫu web bao gồm nhập liệu văn bản, số hoặc chọn các phương án, nháy chuột vào nút nhấn,...

2. Tạo một số thành phần trong biểu mẫu:

Biểu mẫu web được tạo bằng thẻ <form) như sau:

<form action="địa_chỉ_trang_nhận_dữ_liệu" method="cách_gửi_dữ_liệu", Các thành phần của biểu mẫu

</form>

Thuộc tính action chỉ định địa chỉ trang mà biểu mẫu sẽ gửi dữ liệu đến để xử lí. Thuộc tính method chỉ định phương thức gửi dữ liệu. Có hai phương thức chính để gửi dữ liệu:

GET: Dữ liệu biểu mẫu sẽ gắn kèm vào địa chỉ trang nhận dữ liệu và hiển thị trên thanh địa chỉ của trình duyệt.

POST: Dữ liệu biểu mẫu sẽ được gửi dưới dạng gói tin đến trang nhận dữ liệu.

Nếu không chỉ định phương thức gửi dữ liệu thì phương thức gửi dữ liệu mặc định là GET. Tương tự, nếu không chỉ định địa chỉ trang nhận dữ liệu thì trang nhận dữ liệu mặc định chính là trang hiện tại.

Thẻ <form> dùng để tạo biểu mẫu trong trang web.

 Một biểu mẫu có thể bao gồm nhiều thành phần nhập liệu đa dạng với các thẻ như <input>, <textarea>, <button>,...

Thuộc tính type của thẻ <input> và <button) có nhiều giá trị giúp tạo ra những thành phần nhập liệu khác nhau. Đối với thẻ <input), giá trị của type có thể là text, radio, checkbox,...