Em hãy thêm vào biểu mẫu trong các ví dụ trên những thành phần sau

Trang trước Trang sau

Giải Tin học 12 Bài F5: Tạo biểu mẫu trong trang web - Chân trời sáng tạo

Hoạt động trang 130 Tin học 12: Em hãy thêm vào biểu mẫu trong các ví dụ trên những thành phần sau:

a. Hộp văn bản để người dùng cập nhập địa chỉ emai.

b. Hộp kiểm để người dùng chọn thêm một câu lạc bộ

c. Nhấn nút để xoá dữ liệu hiện có trên biểu mẫu.

Quảng cáo

Lời giải:

a. Hộp văn bản để người dùng cập nhập địa chỉ emai.

Code như sau:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Kỉ yếu lớp 12A</title>

</head>

<body>

<h1>Biểu mẫu góp ý</h1>

<form method="POST">

<label for="noten"Ho ten:</label> <br ng tại

<input type="text" id="hoten" name="hoten" ><br>

<label for="lop">Nhập địa chỉ mail: </label><br>

<input type="text" id="lop" name="lop"><br>

</form>

</body>

</html>

Kết quả:

Em hãy thêm vào biểu mẫu trong các ví dụ trên những thành phần sau

b. Hộp kiểm để người dùng chọn thêm một câu lạc bộ

Code như sau:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Kỉ yếu lớp 12A</title>

</head>

<body>

<p>Chọn câu lạc bộ bạn đang tham gia:</p>

<input type="checkbox" id="clbbongda" name="caulacbo"> <label for="clbbongda">CLB Bóng đá</label><br>

<input type="checkbox" id="clbvovinam" name="caulacbo"> <label for="clbvovinam">CLB Vovinam</label><br>

<input type="checkbox" id="clbvannghe" name="caulacbo"> <label for="clbvannghe">CLB Văn nghệ</label><br>

</body>

</html>

c. Nhấn nút để xoá dữ liệu hiện có trên biểu mẫu.

Code như sau:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Kỉ yếu lớp 12A</title>

</head>

<body>

<p>Nhập ý kiến đóng góp của bạn:</p>

<textarea id= "ykien" name="ykien" rows="10" cols="30"> </textarea><br>

<button type="submit">Gửi</button>

</body>

</html>

Kết quả:

Em hãy thêm vào biểu mẫu trong các ví dụ trên những thành phần sau

Quảng cáo

Lời giải bài tập Tin học 12 Bài F5: Tạo biểu mẫu trong trang web hay khác:

Quảng cáo
Quảng cáo

Xem thêm lời giải bài tập Tin học lớp 12 Chân trời sáng tạo hay nhất, ngắn gọn khác:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

Sách VietJack thi THPT quốc gia 2025 cho 2k7:

TÀI LIỆU FILE WORD DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

+ Bộ giáo án, đề thi tốt nghiệp THPT, DGNL các trường các trường có lời giải chi tiết 2025 tại https://tailieugiaovien.com.vn/

+ Hỗ trợ zalo: VietJack Official

+ Tổng đài hỗ trợ đăng ký : 084 283 45 85

500+ đề thi thử tốt nghiệp THPT Quốc gia form 2025

( 128 tài liệu )

100+ đề thi ĐGNL ĐHQG Hà Nội, Tp.Hồ Chí Minh...

( 84 tài liệu )

Đề thi giữa kì, cuối kì 12

( 143 tài liệu )

Bài giảng Powerpoint Văn, Sử, Địa 12....

( 31 tài liệu )

Chuyên đề dạy thêm Toán, Lí, Hóa ...12

( 104 tài liệu )

Đề thi HSG 12

( 4 tài liệu )

xem tất cả

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Nếu thấy hay, hãy động viên và chia sẻ nhé! Các bình luận không phù hợp với nội quy bình luận trang web sẽ bị cấm bình luận vĩnh viễn.

Trang trước Trang sau
Giải bài tập lớp 12 Chân trời sáng tạo khác
Học cùng VietJack
Tài liệu giáo viên lop 10-11-12