Câu hỏi:
09/08/2024 130Tạo biểu mẫu các điều khiển thông dụng và nút lệnh reset.
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.
Sách mới 2k7: Tổng ôn Toán, Lí, Hóa, Văn, Sử, Địa... kỳ thi tốt nghiệp THPT Quốc gia 2025, đánh giá năng lực (chỉ từ 70k).
Quảng cáo
Trả lời:
Trả lờ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>F118</title>
</head>
<body> </body>
</html>
Bước 2. Khai báo biểu mẫu trong phần tử body.
<h1> Đăng kí thông tin mua sách</h1>
<form>
Họ và tên: <input type="text" name="txtName”></br> Địa chỉ: <input type="text” name="txtDiaChi”></br> <input type="radio"name="optGioiTinh" value="1"> Nam <input type="radio"name="optGioiTinh" value="0"> Nữ <br>
Thể loại sách đăng kí:
<input type=“checkbox” name=“chkTruyen”> Truyện
<input type=“checkbox” name=“chkTaiLieuHocTap”> Tài liệu học tập <input type="checkbox" name=“chkKyNangSon”> Kĩ năng sống
<br>
<input type="submit" name="cmd" value="Dăng kí”> <input type="reset" name="cmd" value="Hủy bỏ"> </form>
Bước 3. Chọn File\Save, ghi lưu tệp với tên “F118.html”. Bước 4. Mở tệp bằng trình duyệt web và xem kết quả. F119. 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>
CÂU HỎI HOT CÙNG CHỦ ĐỀ
Câu 1:
Thuộc tính type của phần tử input được gán giá trị nào để tạo nút lệnh gửi dữ liệu?
Câu 2:
Mỗi phát biểu sau đây về biểu mẫu là đúng hay sai?
a) Biểu mẫu trên trang web là một giao diện để thu nhận thông tin từ người dùng.
b) Khi gán thuộc tính method = “POST”, dữ liệu gửi đến máy chủ bị hạn chế về dung lượng.
c) Khi gán thuộc tính method = “GET”, dữ liệu gửi đến máy chủ không bị hạn chế về dung lượng.
d) Phần tử input có thuộc tính type = “checkbox” được dùng để khai báo các mục lựa chọn cho phép người dùng có thể chọn nhiều mục chọn.
Câu 3:
Khai báo nào sau đây được dùng để tạo điều khiển nhập dữ liệu ô text trong biểu mẫu?
A. <input type="text" name = "txt">
B. <textfield name="txt">
C. <textinput name = "txt">
D. <input type="txtfield" name="txt">
Câu 4:
Khai báo nào sau đây được sử dụng để tạo nút chọn có nhãn “Nam” và nút chọn có nhãn “Nữ” trên biểu mẫu, và chỉ cho phép người dùng chọn được một mục chọn?
A. <input type="radio" name "Male" value “1”> Nam <input type="radio" name = "Female" value="0"> Nữ
B. <input type= "option" name="Male" value="1"> Nam <input type="option" name= "Female" value="0"> Nữ
C. <input type="radio" name= <input type="radio" name=
"Gender" value="1"> Nam “Gender” value = “0”> Nữ
D. <input type="option" name= "Gender" value="1"> Nam <input type="option" name= “Gender” value = “0”> Nữ
Câu 5:
Khai báo nào sau đây được dùng để tạo nút lệnh nhập dữ liệu khi kí tự được nhập vào biểu mẫu trên trình duyệt web, ứng với mỗi kí tự sẽ có một dấu chấm đen?
A. <input type="hidden" name "text">
B. <input type="blackdot" name="text">
C. <input type= "secretword" name = "text">
D. <input type="password" name="text">
Câu 6:
Khai báo nào sau đây được sử dụng để tạo điều khiển nhập dữ liệu ô đoạn văn bản trong biểu mẫu?
A. <textarea name="Comments" rows="5" cols="60"></textarea>
B. <input type "textarea" name= "Comments" rows="5" cols=
C. <textarea name "Comments" rows="5" cols="60">"60">
D. <textarea name="Comments" height="5" width="60"></textarea>
Câu 7:
Khai báo nào sau đây được dùng để tạo nút lệnh submit?
A. <button = "submit" name="cmd">
B. <input type="submit" name="cmd">
C. <type="submit" name="cmd">
D. <button submit name="cmd">= "10">
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 19 có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 18 có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 15 có đáp án
263 câu Trắc nghiệm tổng hợp ôn thi tốt nghiệp THPT môn Tin học Chủ đề F. Giải quyết vấn đề với sự trợ giúp của máy tính có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 16 có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 14 có đáp án
15 câu Trắc nghiệm Tin học 12 Kết nối tri thức Bài 20 có đáp án
15 câu Trắc nghiệm Tin học 12 Cánh diều Làm quen với CSS có đáp án
về câu hỏi!