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

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 97 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:

Quảng cáo

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.

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

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:

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official


Giải bài tập lớp 12 Chân trời sáng tạo khác
Tài liệu giáo viên