Автозаполнение html-формы с множеством различных полей, включая: флажки и выпадающие поля

Часть html-формы, которую я хочу автозаполнить:

<div h2 class="display-6 text-uppercase mb-3">
   Service</h2>
   <span class="question">Select Service(s):</span><br>
   <input type="checkbox" id="car_wash" name="car_wash" value="car_wash"/>
   <label for="car_wash"> Car Wash</label><br>
   <input type="checkbox" id="window_cleaning" name="window_cleaning" value="Window Cleaning" autocomplete="name">
   <label for="window_cleaning"> Window Cleaning</label><br>
   <input type="checkbox" id="power_wash" name="power_wash" value="Power Wash" autocomplete="name"
   <label for="power_wash"> Powerwashing</label><br>
   <input type="checkbox" id="curb_address" name="curb_address" value="Curb Address Painting" autocomplete="name"
   <label for="curb_address"> Curb Address Painting</label><br>
</div>
<div id="dropdownHolder" class="col-lg-12 mb-3">
   <select id="carwash_type" name="carwash_type" class="form-select form-control" aria-label="Default select example" value="ON">
      <option selected> Car Type</option>
      <option value="1">Coupe / Sedan / Hatchback</option>
      <option value="2">Suv / Crossover</option>
      <option value="3">Mini Van</option>
      <option value="4">Pickup Truck</option>
      <option value="5">I'm not sure</option>
   </select>
</div>
<div id="dropdownHolder" class="col-lg-12 mb-3">
   <select id="carwash_type" name="carwash_type" class="form-select form-control" aria-label="Default select example" value="ON">
      <option selected> Car Wash Package</option>
      <option value="1">Express Interior</option>
      <option value="2">Express Exterior</option>
      <option value="3">Full Service Wash</option>
   </select>
</div>

На эту форму ссылается несколько страниц, на каждой из которых можно выбрать услугу, а если это автомойка, то и дополнительные услуги, включая тип автомобиля и пакет услуг мойки.

Вот html-файл выбора автомойки - перед страницей с формой, пытаюсь сделать ссылку на нее с автозаполняемым выбором.

<div class="services-content text-center border py-3 py-md-5 px-3">
   <iconify-icon class="service-icon"
      icon="fa6-solid:car-on"></iconify-icon>
   <h4 class="my-3">Auto Detailing</h4>
   <a href="booking.html" class="icon-link my-3">
      Book Now 
      <iconify-icon
         icon="tabler:arrow-right" class="arrow-icon"></iconify-icon>
   </a>
</div>

Из того, что я узнал, есть несколько способов сделать это. Я еще очень новичок и не уверен, как сделать это наиболее надежным способом. Если нужно, может быть, с помощью js?

Вернуться на верх