If you’ve ever needed to inspect the form data after submitting a form on a web page, you should take a look a closer look at the Network panel in Chrome developer tools. You can click on an HTTP request, which for a POST request is typically the first one in the list after a form submission. Once you select the HTTP request, Chrome will reveal more information on that request. Under the ‘Headers’ tab, you will be able to find the ‘Form Data’ section that contains the data that was submitted as part of that request.
Note, that if the form has an
enctype attribute of
multipart/form-data, then the data will be under the ‘Request Payload’ section in a slightly different format.