Что я пытаюсь сделать:
Разрешить пользователю выбирать одну из трех встроенных форм.
Пользователь использует переключатель для выбора / включения ввода текста в форму.
Выбор одной из форм отключает две другие формы.
Первая форма имеет два ввода текста,как начальная и конечная сумма.
Одна кнопка отправки используется для обработки выбранной формы.
Это вообще возможно. Кажется, довольно легко, но я немного озадачен.
<body>
<br>
<br>
<form class="form-inline" action="">
<div class="form-group">
<input type="radio" name="option">
<label for="start">Order amount from : </label>
<input type="text" class="form-control" id="start">
</div>
<div class="form-group">
<label for="end"> amount to :</label>
<input type="text" class="form-control" id="end">
</div>
</form>
<br>
<form class="form-inline" action="">
<div class="form-group">
<input type="radio" name="option">
<label for="date">Order Date : </label>
<input type="text" class="form-control" id="date">
</div>
</form>
<br>
<form class="form-inline" action="">
<div class="form-group">
<input type="radio" name="option">
<label for="number">Order Number :</label>
<input type="text" class="form-control" id="number">
</div>
</form>
<br>
<button type="submit" class="btn btn-default">Submit</button>
</body>