Câu hỏi:
09/08/2024 32Tạ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: 30 đề đánh giá năng lực DHQG Hà Nội, Tp. Hồ Chí Minh, BKHN 2025 mới nhất (600 trang - chỉ từ 160k).
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:
Cho các từ sau: “option”, “text”, “radio”, “checkbox”. Em hãy chọn từ phù hợp điền vào chỗ chấm (...) trong câu sau: “Giá trị ... được gán cho thuộc tính type của phần tử input để tạo ô hộp kiểm”.
Câu 2:
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 3:
Em hãy tìm hiểu cách dùng phần tử select để tạo điều khiển nhập dữ liệu dạng danh sách thả xuống trên biểu mẫu.
Câu 4:
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 5:
Em hãy ghép mỗi dòng trong bảng bên trái với một dòng trong bảng bên phải sao cho hợp lí.
Câu 6:
Khai báo tạo điều khiển nhập dữ liệu nào sau đây là đúng cú pháp?
A. <input type="text" name= "diaChi" value= “Nhập địa chỉ liên hệ”>
B. <checkbox name= "chkSo Thich" value="BongDa">
C. <textarea name = "comments width= "200" height
D. <input option name = "opt" value = "Yes">
Câu 7:
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ữ
về câu hỏi!