Câu hỏi:

09/08/2024 527

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.

Sách mới 2k7: Bộ 20 đề minh họa Toán, Lí, Hóa, Văn, Sử, Địa…. form chuẩn 2025 của Bộ giáo dục (chỉ từ 49k/cuốn).

Đề toán-lý-hóa Đề văn-sử-địa Tiếng anh & các môn khác

Quảng cáo

Trả lời:

verified
Giải bởi Vietjack

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

Bình luận


Bình luận

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?

Xem đáp án » 09/08/2024 1,860

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.

Xem đáp án » 09/08/2024 1,742

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

Xem đáp án » 09/08/2024 1,646

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ữ

Xem đáp án » 09/08/2024 1,607

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

Xem đáp án » 09/08/2024 1,563

Câu 6:

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

Xem đáp án » 09/08/2024 1,432

Câu 7:

Khai báo nào sau đây được sử dụng để tạo hộp kiểm có nhãn “Nhớ mật khẩu” trên biểu mẫu?

A. <input type="square box" name mật khẩu

B. <input type="retangle" name mật khẩu

C. <input type="check" name="hopkiem" value=“1”> Nhớ="hopkiem" value “1”> Nhớ “hopkiem” value = “1”> Nhớ mật khẩu “hopkiem” value = “1”> Nhớ mật khẩu

D. <input type="checkbox" name=

Xem đáp án » 09/08/2024 1,431