X

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


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

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

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

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: