Cách Tạo Trường Biểu Mẫu

Mục lục:

Cách Tạo Trường Biểu Mẫu
Cách Tạo Trường Biểu Mẫu

Video: Cách Tạo Trường Biểu Mẫu

Video: Cách Tạo Trường Biểu Mẫu
Video: [Google Drive] Cách tạo form biểu mẫu khảo sát trên Google Drive 2024, Tháng mười một
Anonim

Việc xử lý dữ liệu mà khách truy cập gửi đến máy chủ sau khi điền vào các biểu mẫu web được xử lý bởi một chương trình đặc biệt (tập lệnh). Do đó, chỉ cần thêm các trường vào biểu mẫu được đăng trên trang web nếu các hàm để làm việc với các trường này được lập trình trong script. Nếu điều kiện này được đáp ứng, nó vẫn phải thực hiện phần tương đối đơn giản của công việc thêm thẻ vào mã nguồn của trang tạo thành các trường bắt buộc.

Cách tạo trường biểu mẫu
Cách tạo trường biểu mẫu

Nó là cần thiết

Kiến thức cơ bản về HTML

Hướng dẫn

Bước 1

Thao tác tạo các thẻ cần thiết có thể do trình chỉnh sửa trang đảm nhận, nếu bạn có cơ hội sử dụng chế độ chỉnh sửa trực quan trong đó. Một trình soạn thảo như vậy có thể là một phần không thể thiếu của hệ thống quản lý nội dung - hãy nhập nó và tải một trang có biểu mẫu trong đó các trường mới sẽ được thêm vào. Sử dụng thao tác sao chép và dán - chọn và sao chép một vài phần tử hiện có (trường nhập và văn bản được liên kết với nó), sau đó nhấp vào trang nơi đặt trường bổ sung và dán trường đã sao chép.

Bước 2

Sau đó, chỉnh sửa các thuộc tính của từng phần tử của cặp riêng biệt. Chỉ cần chọn dòng chữ bằng chuột và nhập văn bản mới, và đối với trường nhập liệu, hãy sử dụng nút trong bảng điều khiển để mở thuộc tính của nó. Trong các thuộc tính, ít nhất bạn cần thay đổi giá trị trong trường tên - nó phải tương ứng với tên trường được lập trình trong tập lệnh xử lý. Lặp lại sao chép / dán cho nhóm trường bắt buộc và lưu trang.

Bước 3

Nếu không có quyền truy cập để chỉnh sửa trực quan, hãy mở mã nguồn của trang trong bất kỳ trình soạn thảo văn bản hoặc chuyên ngành nào và thêm các thẻ cần thiết vào đó. Phương pháp này yêu cầu một số kiến thức về HTML và các kỹ thuật bố cục trang web. Để thêm một trường văn bản đơn giản vào biểu mẫu, hãy sử dụng thẻ đầu vào, thêm văn bản giá trị vào thuộc tính type. Ngoài thuộc tính này, chỉ có tên là bắt buộc - nó phải chứa tên của trường biểu mẫu này mà tập lệnh xử lý biết. Sử dụng các thuộc tính khác, bạn có thể đặt số lượng ký tự xác định trực quan độ dài của trường đầu vào (thuộc tính kích thước), số lượng ký tự tối đa cho phép (maxlength), tham số kiểu (style), thành viên lớp (lớp), v.v. Thẻ này có thể được nhìn thấy trong mã, ví dụ như thế này:

Bước 4

Đối với trường văn bản nhiều dòng, hãy sử dụng thẻ textarea. Nó bao gồm hai phần - mở và đóng. Trong lần đầu tiên, bạn phải đặt giá trị tên và sử dụng thuộc tính hàng và cột, bạn có thể đặt số hàng và cột của phần tử biểu mẫu này. Ví dụ:

Bước 5

Các loại trường biểu mẫu khác có thể là hộp kiểm - để tạo chúng cũng sử dụng thẻ đầu vào, nhưng không giống như trường văn bản một dòng, hãy chỉ định giá trị hộp kiểm trong thuộc tính loại. Nếu phần tử biểu mẫu này cần được kiểm tra, hãy thêm thuộc tính đã kiểm tra vào thẻ của nó. Ví dụ:

Bước 6

Để chèn hộp chọn vào biểu mẫu và tải tệp lên, hãy sử dụng cùng một thẻ nhập với giá trị tệp trong thuộc tính type. Ví dụ:

Bước 7

Một cấu trúc phức tạp hơn tạo thành một trường có danh sách thả xuống. Nó phải chứa một cặp thẻ chọn mở và đóng. Đặt các cặp thẻ tùy chọn ở giữa, mỗi cặp chỉ định một dòng lựa chọn. Các thẻ mở phải chứa thuộc tính giá trị (giá trị của nó sẽ được truyền đến máy chủ), và giữa phần mở và phần đóng, hãy đặt văn bản mà khách truy cập sẽ thấy trong dòng này của danh sách. Ví dụ: Dòng lựa chọn đầu tiên Dòng lựa chọn thứ hai Dòng lựa chọn thứ ba

Đề xuất: