> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Use Case: Job Submission with Hidden Fields

> Learn how to use hidden fields on an example.

Here, we'll go through a use case when incorporating hidden fields into your form can be useful.

Let's say you have a job board (built using a [List](/building-blocks/vikC2AWEpQGkZd4jGyoVxo/list-block/pQhPYuA28VXr5tLLFBcbCU) block in our case), which is in turn connected to a [List details page](/building-blocks/vikC2AWEpQGkZd4jGyoVxo/item-details-block-/4bE8XaFbJp45wkAwuWiz8f) for displaying the complete overview of the position. Apart from job details, the details page also contains a form through which visitors can apply for that job. The blocks display data from a [data source](/4230abecf813402aa2926466c313290a), which in this case is [Airtable](/data-sources/1YYStCJukT15Lh2j93qo9A/airtable/jHX7kfH7QvkVcELQvS3VoX). Below you can see what these pages and their corresponding Airtable tables look like.

<Frame caption="Job board and job details">
  <img src="https://mintcdn.com/softr-2b8a27e1/NRXcx_q4UClgN6JV/building-blocks/images/use-case-job-submission-with-hidden-fields/image1.gif?s=ff96b277277b84daf419d8947ff8f10a" alt="Job board and job details" width="2880" height="1428" data-path="building-blocks/images/use-case-job-submission-with-hidden-fields/image1.gif" />
</Frame>

This way, each form submission will be stored under the **Job Submissions** table. However, since we don't have a field where the user can select which position he/she is applying for, we can't associate the submissions with their related jobs. But instead of adding such a field, we can go one step further and link each form submission to its related job entry in the **Jobs** table. This is where hidden fields come in handy.

First of all, let's link the two tables through a linked record.

<Frame caption="Linking 'Jobs' and 'Job Submissions' tables">
  <img src="https://mintcdn.com/softr-2b8a27e1/NRXcx_q4UClgN6JV/building-blocks/images/use-case-job-submission-with-hidden-fields/image2.gif?s=ee06c0e6be3fc276e8cefde454cdac90" alt="Linking &#x22;Jobs&#x22; and &#x22;Job Submissions&#x22; tables" width="2880" height="1428" data-path="building-blocks/images/use-case-job-submission-with-hidden-fields/image2.gif" />
</Frame>

Now, on our form, we'll add a [URL parameter](/building-blocks/vikC2AWEpQGkZd4jGyoVxo/advanced-form-features/jCim5VWZePgZuaRsUZBnpG) hidden field that gets the **recordID** of the page it has been submitted from and map that field to the **Jobs** linked record field we just created. As a result, Airtable will locate the corresponding job record from the **Jobs** table and link it to each new job submission.

Now, on our form, we’ll add a Hidden field input that is Mapped to our new Jobs field in the Job Submissions table. Since we are linking to the list details page from our list of jobs, we can choose information from the Current Record to be saved as the value of our hidden field. We can use the primary field (first column) from the Jobs table as the value to send in the Hidden field. In this case it’s the Name of the job.

<Frame>
  <img src="https://mintcdn.com/softr-2b8a27e1/NRXcx_q4UClgN6JV/building-blocks/images/use-case-job-submission-with-hidden-fields/image3.gif?s=435056ca909de7fc89eb0e655b792e79" alt="Notion image" width="504" height="480" data-path="building-blocks/images/use-case-job-submission-with-hidden-fields/image3.gif" />
</Frame>

That's it. As you can see, the job submission is successfully linked to its related job record. Whenever a user submits an application on a job’s detail page, the form will automatically link to the job the user is applying for.
