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
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 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.
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ả:
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ả:
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:
Khởi động trang 127 Tin học 12: Khi truy xuất trang web, người dùng không chỉ xem nội dung ....
Hoạt động trang 127 Tin học 12: Em hãy kể tên một số biểu mẫu phổ biến trên các trang web ....
Luyện tập 1 trang 130 Tin học 12: Em hãy nêu khái niệm biểu mẫu web và một số ví dụ ....
Luyện tập 2 trang 130 Tin học 12: Thảo luận với bạn và kể tên một số thành phần nhập liệu ....
Luyện tập 3 trang 130 Tin học 12: Theo em, tên, giá trị và ý nghĩa của những thuộc tính ....
Thực hành trang 130 Tin học 12: Nhiệm vụ. Tạo biểu mẫu trong trang web ....
Vận dụng 1 trang 131 Tin học 12: Bổ sung mã lệnh HTML. vào lập login html ....
Vận dụng 2 trang 131 Tin học 12: Tạo biểu mẫu web để người dùng là học sinh làm bài kiểm tra ....