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 F120 trang 43 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 2.
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>F120</title>
</head>
<body>
</body>
</html>
Bước 2. Khai báo biểu mẫu trong phần tử body
<h1> Đăng kí Khoa học</h1>
<form>
Họ và tên: <input type="text" name="txtName”><br>
Địa chỉ email: <input type=“text” name="txtEmail”><br>
Lựa chọn một trong các khoá học<br>
<input type="radio” name=“optCourse” checked> Thiết kế trang web <input type=“radio” name=“optCourse”>Quản trị website
<input type="radio" name="optCourse">Lập trình web
<br>
Thời gian học
<select>
<option>30 giờ</option> <option>45 giờ</option>
<option>60 giờ</option>
</select>
<br>
Thông tin thêm:<br>
<textarea name="txtNguyen Vong" cols="35" rows="5"></textarea> <br>
<input type="checkbox” name=“chkRespone”> Nhận thư phản hồi đăng kí qua email.
<br>
<input type="submit" name="cmd" value="Dăng ki"> <input type="reset" name="cmd" value="Huỷ bỏ"> </form>
Bước 3. Chọn File\Save, ghi lưu tệp với tên “F120.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 6: Tạo biểu mẫu hay khác: