Trang chủ

꧙ SBT Tin 12, giải sbt tin học 12 cánh diều

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

GÓP Ý HAY - NHẬN NGAY QUÀ CHẤT

Gửi góp ý cho ufa999.cc và nhận về những phần quà hấp dẫn

Quảng cáo

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

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

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

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

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

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

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

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

🥂<input type="text" name="txtSoDienThoai><br><br>

<label>Email:</label>

🍒<input type="email" name="email"><br><br>

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

Chia sẻ