I want to have a form like the Body Fat Calculator

I want to create a website with tools like this Body Fat Calculator. Can anyone please help or give me some advice?

Hi mohammad,

Thanks for reaching out to Jotform Support. I'll need some time to look into this. I'll get back to you shortly.

We appreciate your patience and understanding.

Hi mohammad,

For the gender, you can use our Dropdown element. For the age, weight, and height you can use the number field. Then, when calculating the BMI and the Body Fat percentage, you can use our Form Calculation widget. Let me show walk you through this:

1. In Form Builder, click on Add Element on the left side of the page, and from the Basic tab, select Dropdown from the Basic Elements.
2. Next, click on the Gear icon of the Dropdown element.
3. On the right side of the page, from the General tab, enter your preferred Field Label.
4. Then, click on the Options tab on the upper right side of the page and enter the options in the Options field.
5. Click on the Add Element again on the left side of the page and select Number from the Basic tab and enter the field label.

Now, let me show you how to use the Form Calculation widget:

1. In Form Builder, click on Add Element on the left side of the page, and from the Widgets tab, select Form Calculation.
2. Next, click on the Wand icon of the Form Calculation widget.
3. Then, on the upper right side of the page, click on Add Field and select the needed fields for the calculation.
4. Lastly, click on Save on the lower right side of the page.

I added a separate Form Calculation to calculate the height twice and multiplied it by 703. That's the field with the Field Label Height(2). This formula is for the BMI. The formula for the Body Fat percentage for men is the one below:

Here's the formula of the Body Fat percentage for women:

You can also set up a Show/Hide Field condition and just show the right Body Fat percentage based on the user's gender. Let's do this:

1. In Form Builder, click on Settings on the orange navigation bar at the top of the page.
2. Next, select Conditions from the left side window and select Show/Hide Field.
3. Lastly, set up the condition like the one below and click on Save at the bottom of the page.

Here's the result:

You can test and clone my form here.

Let us know if you have any other questions.

Hi mohammad,

Additionally, we have a template for the Body Fat Percentage. You can check the template here. I've made another demo form using that template and added conditions in my form. You can check it out here.

Let us know if you need any other help.