Slide bài giảng Tin học ứng dụng 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Slide điện tử bài 7: Thực hành tạo biểu mẫu. Trình bày với các hiệu ứng hiện đại, hấp dẫn. Giúp học sinh hứng thú học bài. Học nhanh, nhớ lâu. Có tài liệu này, hiệu quả học tập của môn Tin học ứng dụng 12 Cánh diều sẽ khác biệt
Bạn chưa đủ điều kiện để xem được slide bài này. => Xem slide bài mẫu
Tóm lược nội dung
BÀI 7. THỰC HÀNH TẠO BIỂU MẪU
VẬN DỤNG
Hãy tạo biểu mẫu nhận lời nhắn từ bạn bè để hoàn thiện tiếp website cá nhân đã tạo ở các bài học trước.
Gợi ý thực hiện: Mở tệp "index.html", thêm tiêu đề mục h2 “Lời nhắn” để tạo biểu mẫu nhận các lời nhắn từ bạn bè.
Biểu mẫu có các điều khiển:
+ Ô nhập liệu text có nhãn “Họ và tên".
+ Ô nhập liệu textarea có nhãn “Lời nhắn".
Nút lệnh submit có nhãn "Gửi".
Bài làm rút gọn:
Mở tệp index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website cá nhân</title>
</head>
<body>
<h1>Website cá nhân của tôi</h1>
<!-- Biểu mẫu nhận lời nhắn từ bạn bè -->
<h2>Lời nhắn</h2>
<form action="process_message.php" method="post">
<label for="fullname">Họ và tên:</label><br>
<input type="text" id="fullname" name="fullname"><br><br>
<label for="message">Lời nhắn:</label><br>
<textarea id="message" name="message" rows="4" cols="50"></textarea><br><br>
<input type="submit" value="Gửi">
</form>
</body>
</html>
Slide bài giảng lớp 12 cánh diều
Slide bài giảng lớp 12 chân trời sáng tạo
Slide bài giảng lớp 12 kết nối tri thức
