Bài 7. Thực hành tạo biểu mẫu trang 18 SBT Tin học 12 Cánh diều

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

Tổng hợp đề thi học kì 1 lớp 12 tất cả các môn - Cánh diều

Toán - Văn - Anh - Lí - Hóa - Sinh - Sử - Địa

Lựa chọn câu để xem lời giải nhanh hơn

F
- 121
- 122

F 121

Trả lời câu hỏi F121 trang 18 Bài 1 SBT Tin học 12 Cánh diều

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

Lời giải chi tiết:

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

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

<!DOCTYPE html>

<html>

<head>

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>Số điện thoại:</label>

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

</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>

</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ả.

F 122

Trả lời câu hỏi F122 trang 18 Bài 1 SBT Tin học 12 Cánh diều

Tạo biểu mẫu sử dụng điều khiển nhập dữ liệu lựa chọn danh sách và ngày, thá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 2.

Lời giải chi tiết:

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

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

<!DOCTYPE html>

<html>

<head>

<title>

</title>

</head>

</html>

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

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

<label>Email:</label>

<p>II. Thông tin hành trình</p>

<select name="gaDi":

<option value="gaDi2">Thanh Hoá</option> <option value="gaDi3">Vinh</option> <option value="gaDi4”>Đồng Hới</option> <option value="gaDi5">Hué</option> <option value=“gaDi6”>Đà Nẵng</option> <option value="gaDi7">Nha Trang</option> <option value=“gaDi8”>Sài Gòn</option> </select>

<option value=“gaDenl”>Hà Nội</option> <option value="gaDen2">Thanh Hoá</option> <option value="gaDen3">Vinh</option> <option value=“gaDen4”>Đồng Hới</option>