Как создать форму внутри формы anotheer, чтобы принять различный набор значений

---

Я хочу создать форму внутри другой формы
НАПРИМЕР
если есть 2 входных переключателя
деньги и доброта
затем если пользователь выбирает опцию наличные деньги то должно открыться другое поле данных спрашивающее сколько он хочет пожертвовать наличными а если он выбирает вид то должен открыться список флажков для выбора из них
я не знаю, как это сделать в формах, так как я новый человек в интернете

Что я уже пробовал:

<pre><div class="col-md-3">
      <div class="loc-widget form-widget">
                <h4>Want to help someone ??</h4>
        <h5 style="color:#fff;">Do you want to donate in cash or kind ??</h5>
                <ul>
                <li class="radio">
        <label  style="color:#fff;"><input type="radio" name="optradio">Cash</label>
                </li>
                <li class="radio">
        <label  style="color:#fff;"><input type="radio" name="optradio">Kind</label>
                </li>                               
                   <li>
                    <button type="submit">Submit</button>
                  </li>
                              
                </ul>
              </div>
            </div>

Это форма, которую я имею n я хотел бы знать, как делать то, что я желаю

---