Tạo biểu mẫu sử dụng các điều khiển nhập dữ liệu thông dụng

Sách bài tập Tin học 12 Bài 6: Tạo biểu mẫu - Cánh diều

Câu F121 trang 44 SBT Tin học 12: Tạo biểu mẫu sử dụng các điều khiển nhập dữ liệu thông dụng.

Yêu cầu: Soạn văn bản HTML để tạo biểu mẫu khi hiển thị trên màn hình trình duyệt web như Hình 1.

Tạo biểu mẫu sử dụng các điều khiển nhập dữ liệu thông dụng

Quảng cáo
Cài đặt app vietjack

Lời giải:

Hướng dẫn thực hiện

Bước 1. Khai báo cấu trúc trang web

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>F121</title>

<body> </body> </html>

Bước 2. Khai báo biểu mẫu trong phần tử body <h2>Đăng kí mua bánh trực tuyến</h2> <form action="" method="post">

<label>Họ và tên:</label>

<input type="text" name="ho Ten"> <br><br>

<label>Số điện thoại:</label>

<input type="tel"name="soDienThoai"><br><br>

<label>Địa chỉ:</label>

<textarea name="diaChi"></textarea><br><br>

<label>Loại bánh:</label <select name="loaiBanh

<option value="banhXeo"> Bánh xèo</option> <option value="banhBao">Bánh bao</option> <option value= "banhMi">Bánh mì</option> <option value="banhPia">Bánh pía</option>

</select><br><br><br><br> <br> <p> Hình thức thanh toán</p>

<input type="radio" name="payType" value="TienMat"> Tiền

mặt<br>

<input type="radio" name="payType" value="ChuyenKhoan"> Chuyển khoản<br>

<input type="submit" value="Đăng k!">

</form>

Bước 3. Chọn File\Save, ghi lưu tệp với tên “F121.html”. 

Bước 4. Mở tệp bằng trình duyệt web và xem kết quả.

Quảng cáo

Lời giải SBT Tin 12 Bài 7: Thực hành tạo biểu mẫu:

Quảng cáo

Xem thêm các bài giải sách bài tập Tin học lớp 12 Cánh diều hay, chi tiết khác:

Xem thêm các tài liệu học tốt lớp 12 hay khác:

ĐỀ THI, GIÁO ÁN, GÓI THI ONLINE DÀNH CHO GIÁO VIÊN VÀ PHỤ HUYNH LỚP 12

Bộ giáo án, đề thi, bài giảng powerpoint, khóa học dành cho các thầy cô và học sinh lớp 12, đẩy đủ các bộ sách cánh diều, kết nối tri thức, chân trời sáng tạo tại https://tailieugiaovien.com.vn/ . Hỗ trợ zalo VietJack Official


Giải bài tập lớp 12 Cánh diều khác
Tài liệu giáo viên