Mục đích ban đầu của <input type = “hidden”>? [đóng cửa]

Tôi tò mò về mục đích ban đầu của <input type="hidden">thẻ.

Ngày nay nó thường được sử dụng cùng với JavaScript để lưu trữ các biến trong đó được gửi đến máy chủ và những thứ tương tự.

• HTML 2.0 được phát hành vào tháng 11 năm 1995 , đã chứa đặc điểm kỹ thuật cho input type = "hidden"
• JavaScript được phát hành tháng 3 năm 1996

Do đó, nó <input type="hidden">tồn tại trước JavaScript, vậy mục đích ban đầu của nó là gì? Tôi chỉ có thể tưởng tượng về việc gửi một giá trị từ máy chủ đến máy khách (không thay đổi) được gửi lại để duy trì một loại trạng thái. Hay tôi có gì đó sai trong lịch sử của nó và <input type="hidden">luôn được cho là được sử dụng cùng với JavaScript?

Nếu có thể, vui lòng cung cấp tài liệu tham khảo trong câu trả lời của bạn.

Tôi chỉ có thể tưởng tượng về việc gửi một giá trị từ máy chủ đến máy khách (không thay đổi) được gửi lại để duy trì một loại trạng thái.

Đúng. Trên thực tế, nó vẫn được sử dụng cho mục đích này ngày nay vì HTTP như chúng ta biết ngày nay, ít nhất là về cơ bản, là một giao thức không trạng thái.

Trường hợp sử dụng này thực sự được mô tả lần đầu tiên trong HTML 3.2 (Tôi rất ngạc nhiên khi HTML 2.0 không bao gồm mô tả như vậy):

type=hidden
Các trường này không nên được kết xuất và cung cấp phương tiện cho các máy chủ để lưu trữ thông tin trạng thái với một biểu mẫu. Điều này sẽ được chuyển trở lại máy chủ khi biểu mẫu được gửi, sử dụng cặp tên / giá trị được xác định bởi các thuộc tính tương ứng. Đây là một giải pháp khắc phục tình trạng không trạng thái của HTTP. Một cách tiếp cận khác là sử dụng "Cookie" HTTP.

<input type=hidden name=customerid value="c2415-345-8563">

Mặc dù điều đáng nói là HTML 3.2 chỉ trở thành Khuyến nghị của W3C sau bản phát hành đầu tiên của JavaScript, nhưng thật an toàn khi giả định rằng các trường ẩn luôn phục vụ cùng một mục đích.

Tôi sẽ cung cấp một ví dụ đơn giản về Thế giới thực phía máy chủ ở đây, giả sử nếu các bản ghi được lặp lại và mỗi bản ghi có một biểu mẫu có nút xóa và bạn cần xóa một bản ghi cụ thể, vì vậy hiddentrường này sẽ hoạt động, nếu không bạn đã thắng ' t lấy tham chiếu của bản ghi sẽ bị xóa trong trường hợp này, nó sẽid

Ví dụ

<?php
    if(isset($_POST['delete_action'])) {
        mysqli_query($connection, "DELETE FROM table_name 
                                   WHERE record_id = ".$_POST['row_to_be_deleted']);
                                   //Here is where hidden field value is used
    }

    while(condition) {
?>
    <span><?php echo 'Looped Record Name'; ?>
    <form method="post">
        <input type="hidden" name="row_to_be_deleted" value="<?php echo $record_id; ?>" />
        <input type="submit" name="delete_action" />
    </form>
<?php
    }
?>

Tóm lại, mục đích ban đầu là tạo một trường sẽ được gửi cùng với gửi biểu mẫu. Đôi khi, cần phải lưu trữ một số thông tin trong trường ẩn (ví dụ: id của người dùng) và gửi nó cùng với gửi biểu mẫu.

Từ đặc tả HTML ngày 22 tháng 9 năm 1995

Phần tử INPUT với `TYPE = HIDDEN 'đại diện cho một trường ẩn Người dùng không tương tác với trường này; thay vào đó, thuộc tính VALUE chỉ định giá trị của trường. Thuộc tính NAME và VALUE là bắt buộc.

Giá trị của các phần tử biểu mẫu bao gồm type = 'hidden' được gửi đến máy chủ khi biểu mẫu được đăng. giá trị input type = "hidden" không hiển thị trong trang. Ví dụ, duy trì ID người dùng trong các trường ẩn là một trong nhiều cách sử dụng.

SO sử dụng một trường ẩn cho nhấp chuột ủng hộ.

<input value="16293741" name="postId" type="hidden">

Sử dụng giá trị này, tập lệnh phía máy chủ có thể lưu trữ phiếu ủng hộ.

về cơ bản các trường ẩn sẽ hữu ích hơn và có lợi thế hơn khi sử dụng với dạng nhiều bước. chúng ta có thể sử dụng các trường ẩn để chuyển thông tin một bước sang bước tiếp theo bằng cách sử dụng ẩn và giữ nó chuyển tiếp cho đến bước cuối cùng.

1. Mã thông báo CSRF.

Giả mạo yêu cầu trên nhiều trang web là một lỗ hổng trang web rất phổ biến. Yêu cầu mã thông báo bí mật, dành riêng cho người dùng trong tất cả các lần gửi biểu mẫu sẽ ngăn chặn các cuộc tấn công CSRF vì các trang web tấn công không thể đoán mã thông báo thích hợp là gì và bất kỳ lần gửi biểu mẫu nào mà họ thực hiện thay mặt cho người dùng sẽ luôn thất bại.

2. Lưu trạng thái trong các biểu mẫu nhiều trang.

Nếu bạn cần lưu trữ bước nào trong biểu mẫu nhiều trang mà người dùng hiện đang truy cập, hãy sử dụng các trường nhập ẩn. Người dùng không cần phải xem thông tin này, vì vậy hãy ẩn nó trong một trường nhập ẩn.

Quy tắc chung: Sử dụng trường để lưu trữ bất cứ thứ gì mà người dùng không cần xem nhưng bạn muốn gửi đến máy chủ khi gửi biểu mẫu.