Người quản trị trang web Đoàn thanh niên của một trường trung học phổ thông đã tạo biểu mẫu bằng đoạn mã HTML sau để các bạn học sinh đăng kí tham gia các hoạt động văn nghệ, thể thao trong trường:
<form action="dangki.php">
Họ tên: <input type="text" name="hoten" value="">
Email: <input type="email" name="email" value="">
<input type="submit" value="Đăng kí">
</form>Có một số nhận xét sau về đoạn mã trên:
- a)(Đáp án: Đúng)
Biểu mẫu này có hai ô nhập dữ liệu và một nút gửi dữ liệu.
- b)(Đáp án: Sai)
Giá trị của thuộc tính value của hai ô nhập dữ liệu không được để trống.
- c)(Đáp án: Đúng)
Nếu nhập dữ liệu vào biểu mẫu và nhấn nút Đăng kí thì dữ liệu được gửi đến trang dangki.php.
- d)(Đáp án: Sai)
Để học sinh chỉ được lựa chọn một trong hai loại hoạt động Văn nghệ hoặc Thể thao khi đăng kí tham gia, cần chèn thêm hai dòng sau vào đoạn mã tạo biểu mẫu trên:
<input type="radio" name="optvannghe">Văn nghệ <input type="radio" name="optthethao">Thể thao
Lời giải
Đáp án đúng: a) Đúng, b) Sai, c) Đúng, d) Sai.
a) Đúng. Biểu mẫu có hai ô nhập (text cho họ tên, email cho email) và một nút submit để gửi dữ liệu.
b) Sai. Thuộc tính value là giá trị ban đầu của ô nhập, có thể để trống (value=""); người dùng sẽ tự nhập dữ liệu.
c) Đúng. Thuộc tính action="dangki.php" cho biết khi nhấn nút gửi, dữ liệu biểu mẫu được gửi đến trang dangki.php.
d) Sai. Các nút radio chỉ loại trừ lẫn nhau khi có cùng thuộc tính name. Hai nút có name khác nhau (optvannghe, optthethao) nên học sinh có thể chọn cả hai.