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

HOT Ra mắt Sách 20 đề THPT quốc gia form 2025 toán, văn, anh.... (từ 80k/1 cuố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 97 Tin học 12: Nhiệm vụ: Tạo biểu mẫu trong trang web

Quảng cáo

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>

4 Nháy đúp chuột vào tập login.html để kiểm tra kết quả.

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:

HOT 500+ Đề thi thử tốt nghiệp THPT, ĐGNL các trường ĐH fle word có đáp án (2025).

Sách VietJack thi THPT quốc gia 2025 cho 2k7:

TÀI LIỆU FILE WORD DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

+ Bộ giáo án, đề thi tốt nghiệp THPT, DGNL các trường các trường có lời giải chi tiết 2025 tại https://tailieugiaovien.com.vn/

+ Hỗ trợ zalo: VietJack Official

+ Tổng đài hỗ trợ đăng ký : 084 283 45 85

500+ đề thi thử tốt nghiệp THPT Quốc gia form 2025

( 128 tài liệu )

100+ đề thi ĐGNL ĐHQG Hà Nội, Tp.Hồ Chí Minh...

( 84 tài liệu )

Đề thi giữa kì, cuối kì 12

( 143 tài liệu )

Bài giảng Powerpoint Văn, Sử, Địa 12....

( 31 tài liệu )

Chuyên đề dạy thêm Toán, Lí, Hóa ...12

( 104 tài liệu )

Đề thi HSG 12

( 4 tài liệu )

xem tất cả

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.