Chỉ thử với dữ liệu giả định
```html
<h2>Thử biểu mẫu đăng kí</h2>
<p>Chỉ nhập dữ liệu giả định, như tên Nhóm Gió. Biểu mẫu này mở trang đích tĩnh để thử cách gửi; không lưu đăng kí.</p>
<form action="ket_qua.html" method="get">
<label for="nhom">Tên nhóm mẫu</label>
<input id="nhom" name="nhom" type="text" value="Nhóm Gió">
<label for="clb">Câu lạc bộ</label>
<select id="clb" name="clb">
<option value="the_thao">Thể thao</option>
<option value="nghe_thuat">Nghệ thuật</option>
</select>
<button type="submit">Gửi thử</button>
</form>
```
Giữ khung đầu–cuối trang và đặt biểu mẫu trong vùng content của dang_ki.html. Nhãn label trỏ đúng id của trường; name quyết định tên trường gửi đi. Tên nhóm mẫu có thể dùng “Nhóm Gió”, không cần thông tin cá nhân thật.
Gửi thử bằng GET mở ket_qua.html với các trường nhom và clb trên chuỗi truy vấn của địa chỉ. ket_qua.html là trang tĩnh: mở được trang đích chưa có nghĩa một đăng kí đã được lưu. Mẫu chỉ giúp thử cấu trúc và đích gửi.
Bài luyện
Nếu đổi tên dang_ki.html nhưng chỉ sửa link ở trang chủ, cần kiểm gì tiếp?
Đúng. Mỗi HTML có thể chứa href riêng.
Màu nền không sửa href sai.
Class bố cục không quyết định đích liên kết.
CSS dùng chung không tự cập nhật href.
Lời giải
Các liên kết nằm trong từng HTML. Sau khi đổi tên tệp, cần sửa/rà href ở mọi nơi tham chiếu, gồm điều hướng và cuối trang; dùng chung CSS chỉ đồng bộ trình bày.
Bài luyện
Theo mẫu, form action="ket_qua.html" method="get" đưa dữ liệu thử tới đâu?
CSS không nhận/lưu dữ liệu form.
Mẫu không có chức năng tạo tài khoản.
Đúng. Đây là cách gửi GET trong mẫu.
Nút gửi thực hiện hành động form, không chỉ đổi màu.
Lời giải
action chỉ đích ket_qua.html; method=get gửi các trường có name trong chuỗi truy vấn của địa chỉ. Trang đích tĩnh hiển thị nội dung mẫu, không tự có chức năng lưu đăng kí.
Bài luyện
Trang đích ket_qua.html đã mở sau khi gửi. Kết luận nào đúng với bộ mẫu?
Mẫu không có phần lưu cơ sở dữ liệu.
Đúng. Phân biệt mở trang và lưu dữ liệu.
Trang tĩnh không xác nhận người tham gia.
Form không tự sửa các tệp HTML.
Lời giải
ket_qua.html là trang tĩnh, chỉ giúp quan sát đích và chuỗi truy vấn GET. Mở nó không chứng minh dữ liệu đã lưu hay người tham gia được xác nhận.
Bài luyện
Trong biểu mẫu, label for="nhom" cần khớp giá trị nào?
Nhãn này gắn trường tên nhóm, không phải select.
Tên CSS không quyết định liên kết label.
Nút gửi không thay id của trường.
Đúng. for tham chiếu id.
Lời giải
for của label trỏ tới id của trường tương ứng. Vì input có id="nhom", label for="nhom" gắn đúng trường; name="nhom" lại có vai trò tên dữ liệu gửi.
Đang học