Mục đích ban đầu của <input type = "hidden">?

Question

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

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 November 1995, chứa đã các specification for input type="hidden"
• JavaScript được phát hành March 1996

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

Nếu có thể, vui lòng cung cấp các tham chiếu trong câu trả lời của bạn.

Answer 1

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

Chính xác. Trong thực tế, nó vẫn đang được sử dụng cho mục đích này ngày hôm nay bởi vì HTTP như chúng ta biết ngày nay vẫn còn, ít nhất về cơ bản, một giao thức không quốc tịch.

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

type=hidden
Những trường này không nên được trả lại và cung cấp một 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 công việc xung quanh cho các statelessness của HTTP. Một cách tiếp cận khác là sử dụng HTTP "Cookies".

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

Trong khi đó là đáng nói đến là HTML 3.2 đã trở thành một khuyến cáo của W3C chỉ sau phát hành ban đầu của JavaScript, nó an toàn để giả định rằng các lĩnh vực tiềm ẩn có khá nhiều luôn phục vụ cùng một mục đích.

Answer 2

Tóm lại, mục đích ban đầu là tạo một trường sẽ được gửi cùng với biểu mẫu gửi. Đôi khi, cần 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 thông tin đó bằng biểu mẫu gửi.

Từ HTML 22 tháng 9 năm 1995 đặc điểm kỹ thuật

Một yếu tố đầu vào với `TYPE = HIDDEN' đại diện cho một người sử dụng field.The ẩn không tương tác với lĩnh vực 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à yêu cầu .

Answer 3

Tôi sẽ cung cấp một ví dụ bên thực tế đơn giản ở đây, nếu các bản ghi được lặp lại và mỗi bản ghi có biểu mẫu có nút xóa và bạn cần xóa một bản ghi cụ thể, do đó, ở đây có trường hidden đang hoạt động , nếu không bạn sẽ không nhận được tài liệu tham khảo của các bản ghi bị xóa trong trường hợp này, nó sẽ được 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 
    } 
?> 

Answer 4

lĩnh vực cơ bản ẩn sẽ hữu ích hơn và lợi thế để sử dụng với bước đa hình thức. chúng tôi 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à tiếp tục chuyển tiếp đến bước cuối cùng.

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

Giả mạo yêu cầu chéo trang web (http://en.wikipedia.org/wiki/Cro...) là lỗ hổng trang web rất phổ biến. Yêu cầu mã bí mật, người dùng cụ thể trong tất cả các hình thức gửi 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 chính xác là gì và mọi hình thức gửi họ thực hiện thay mặt cho người dùng sẽ luôn thất bại.

1. Lưu trạng thái ở dạng nhiều trang.

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

Quy tắc chung: Sử dụng trường để lưu trữ bất kỳ 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.

Answer 5

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

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

<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ữ upvote.