Các nút HTML ẩn

Với các biểu mẫu trang Web, bạn có thể thu thập dữ liệu từ người dùng trang web của mình - thường là một quá trình quan trọng trong các trang web kinh doanh. Một số biểu mẫu Web sử dụng các trường ẩn, trong trường hợp đó, các yếu tố đầu vào HTML được bao gồm trong phần đánh dấu cho một trang nhưng không hiển thị cho người dùng. Có một số cách khác nhau để bao gồm các trường và nút ẩn trong biểu mẫu trang Web, sử dụng phần tử nhập HTML với các thuộc tính "loại" cụ thể hoặc tùy ý sử dụng mã CSS (Cascading Style Sheet), đôi khi cùng với xử lý JavaScript.

Đầu vào HTML

Các hình thức HTML sử dụng các yếu tố đầu vào. Có nhiều loại yếu tố đầu vào khác nhau, bao gồm các nút, hộp kiểm, trường văn bản và hơn thế nữa. Thuộc tính "loại" cho một yếu tố đầu vào xác định sự xuất hiện và chức năng của nó trong trang. Đặt thuộc tính "loại" của thành phần đầu vào thành "ẩn" sẽ tạo trường biểu mẫu ẩn. Các đánh dấu mẫu sau đây chứng minh:

Điều này tạo ra một trường sẽ hoạt động như một phần của biểu mẫu mà nó được bao gồm trong đó nhưng người dùng sẽ không nhìn thấy. Tuy nhiên, mặc dù đây là một yếu tố đầu vào dạng ẩn, nó không phải là một nút.

Hiển thị CSS

Để bao gồm một phần tử nút HTML bị ẩn, các nhà phát triển có một vài lựa chọn. Trừ khi một yếu tố đầu vào có "ẩn" là thuộc tính "loại" của nó, nó sẽ xuất hiện trong trang theo mặc định. Để ẩn phần tử đầu vào của bất kỳ loại nào khác, nhà phát triển có thể sử dụng mã CSS. Với phương pháp này, nhà phát triển có thể bao gồm phần tử nút HTML hoặc phần tử đầu vào với "loại" được đặt thành "nút" hoặc "gửi". Sau đó, nhà phát triển có thể định kiểu nút bằng mã CSS, ẩn nó bằng thuộc tính hiển thị như sau:

input. leather {khả năng hiển thị: ẩn; }

Điều này sẽ làm việc cho nút sau:

Hàm JavaScript

Các nút bị ẩn không có chức năng mặc định, vì điều này phụ thuộc vào người dùng có thể nhìn thấy và tương tác với chúng. Vì người dùng không thể nhấp vào nút không xuất hiện trong trang, nên các nhà phát triển cần sử dụng các hàm JavaScript để nhắc bất kỳ hành động nào mà nút thường bắt đầu khi nhấp vào người dùng. Ví dụ: một trang có thể sử dụng hàm JavaScript, được nhắc trong một số sự kiện khác, chẳng hạn như người dùng tương tác với một thành phần biểu mẫu khác, để gửi dữ liệu biểu mẫu. Một số biểu mẫu Web cũng hiển thị và ẩn các nút đầu vào và các yếu tố khác khi người dùng tương tác với một biểu mẫu.

Cân nhắc

Mặc dù các trường và nút biểu mẫu ẩn phù hợp trong một số trường hợp, chúng có thể không đáng tin cậy. Trong hầu hết các trường hợp, nhà phát triển tạo kết quả có thể sử dụng với các yếu tố đầu vào ở trạng thái mặc định. Hầu hết các biểu mẫu có thể được cấu trúc thành công với các trường, nút và các yếu tố đầu vào khác có thể nhìn thấy đầy đủ và hoạt động theo cách người dùng mong đợi.