Bài 7. Thực hành tạo biểu mẫu

datcoder

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".

Người Già
29 tháng 4 lúc 10:04

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>

Bình luận (0)