Tạo biểu mẫu các điều khiển thông dụng và nút lệnh reset
23/25
Tạ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.
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>