Nhiệm vụ. Tạo biểu mẫu trong trang web. Yêu cầu: Một biểu mẫu đăng nhập cơ bản
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
Thực hành trang 130 Tin học 12: Nhiệm vụ. Tạo biểu mẫu trong trang web
Yêu cầu: Một biểu mẫu đăng nhập cơ bản gồm có hai hộp văn bản để nhập Tên người dùng và Mật khẩu kèm theo đó là nút nhấn Đăng nhập (Hình 6).
Lời giải:
Để tạo hộp văn bản nhập tên người dùng:
Tên người dùng:
Mật khẩu:
Đăng nhập
Em sử dụng thẻ <input) và chỉ định thuộc tính type là text. Để tạo hộp văn bản nhập mật khẩu, em sử dụng thẻ <input) nhưng chỉ định thuộc tính type là password. Khi nhập vào, mật khẩu sẽ được che bằng các kí tự là dấu chấm.
Trong cả hai thẻ <input> này, em thêm thuộc tỉnh required nhằm bắt buộc người dùng nhập dãy tủ. Ngoài ra, em có thể chỉ định dữ liệu ban dấu cho hai hộp văn bản bằng cách sử dụng thuộc tính value.
Khi người dùng nhảy chọn nút Đứng nhập, dữ liệu tên người dùng và mật khẩu sẽ được gửi về trang nhận dữ liệu để xử lị, do đó em chỉ định giả trị submit cho thuộc tỉnh type của the <button>.
Các bước thực hiện như sau:
Khởi động Visual Studio Code và tạo tệp login.html.
Trong tệp login.html, viết các thẻ để khai báo một trang web đơn giản như chtml>, <head>, <body>.
<form>
* Trong thẻ <body>, viết thêm đoạn mà IITML để tạo biểu mẫu đăng nhập.
</form>
<label for="username">Tên người dùng:</label><br>
<input type="text" id="username" name="username" value="" required><br> <label for="password">Mật khẩu:</label><br>
<input type="password" id="password" name="password" value="" required><br> <button type="submit" Đăng nhập</button>
4. Nháy đúp chuột vào tập login.html để kiểm tra 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 ....
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 ....
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:
Tin học 12 Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS
Tin học 12 Bài F10: Định kiểu CSS cho siêu liên kết và danh sách
Sách VietJack thi THPT quốc gia 2024 cho học sinh 2k6:
Săn shopee siêu SALE :
- Sổ lò xo Art of Nature Thiên Long màu xinh xỉu
- Biti's ra mẫu mới xinh lắm
- Tsubaki 199k/3 chai
- L'Oreal mua 1 tặng 3
- Soạn Văn 12
- Soạn Văn 12 (bản ngắn nhất)
- Văn mẫu lớp 12
- Giải bài tập Toán 12
- Giải BT Toán 12 nâng cao (250 bài)
- Bài tập trắc nghiệm Giải tích 12 (100 đề)
- Bài tập trắc nghiệm Hình học 12 (100 đề)
- Giải bài tập Vật lý 12
- Giải BT Vật Lí 12 nâng cao (360 bài)
- Chuyên đề: Lý thuyết - Bài tập Vật Lý 12 (có đáp án)
- Bài tập trắc nghiệm Vật Lí 12 (70 đề)
- Luyện thi đại học trắc nghiệm môn Lí (18 đề)
- Giải bài tập Hóa học 12
- Giải bài tập Hóa học 12 nâng cao
- Bài tập trắc nghiệm Hóa 12 (80 đề)
- Luyện thi đại học trắc nghiệm môn Hóa (18 đề)
- Giải bài tập Sinh học 12
- Giải bài tập Sinh 12 (ngắn nhất)
- Chuyên đề Sinh học 12
- Đề kiểm tra Sinh 12 (có đáp án)(hay nhất)
- Ôn thi đại học môn Sinh (theo chuyên đề)
- Luyện thi đại học trắc nghiệm môn Sinh (18 đề)
- Giải bài tập Địa Lí 12
- Giải bài tập Địa Lí 12 (ngắn nhất)
- Giải Tập bản đồ và bài tập thực hành Địa Lí 12
- Bài tập trắc nghiệm Địa Lí 12 (70 đề)
- Luyện thi đại học trắc nghiệm môn Địa (20 đề)
- Giải bài tập Tiếng anh 12
- Giải bài tập Tiếng anh 12 thí điểm
- Giải bài tập Lịch sử 12
- Giải tập bản đồ Lịch sử 12
- Bài tập trắc nghiệm Lịch Sử 12
- Luyện thi đại học trắc nghiệm môn Sử (20 đề)
- Giải bài tập Tin học 12
- Giải bài tập GDCD 12
- Giải bài tập GDCD 12 (ngắn nhất)
- Bài tập trắc nghiệm GDCD 12 (37 đề)
- Luyện thi đại học trắc nghiệm môn GDCD (20 đề)
- Giải bài tập Công nghệ 12