작성

<div class="deadline-opacity2">

            <form id="addFormw20250502f0fa59645fbfb" method="POST" target="hidden_frame">

                <input type="hidden" name="board_code" value="b2025050271e7da92aaac1">

                <input type="hidden" name="unit_code" value="u2023082064e10f0f928bb">

                <input type="hidden" name="widget_code" value="w20250502f0fa59645fbfb">

                <input type="hidden" name="board_name" value="하단 고정 입력폼 copy">

                <div id="input_form_token_obj">

                    <input type="hidden" name="write_token" class="_tk_obj" value="Y4UsdB30Yslta/4tTEnFXLerf2LASh4EqBUMA4KIH0K/KtBLjyFoARjAEVsKEoKg8mC9ZR+RkYaGtEU/NsyhpCV0/YUbV7nSf/0SQh8BFlXw1kHmw9RzzTvh2NIotqN9">

                    <input type="hidden" name="write_token_key" class="_tk_key_obj" value="3518">

                </div>

                <!--input type="hidden" name="results_permit" value="N"-->

             <div class="form-step active"> 

              <div class="form-group" id="input_5afcab445aab4"><label for="input_txt_5afcab445aab4" class="control-label">이름</label><input type="text" class="form-control" name="input_5afcab445aab4" placeholder="" value="" id="input_txt_5afcab445aab4" autocomplete="off"></div></div>

               

               <div class="form-step">

              <div class="form-group" id="email_7d1be132eda36"><label for="input_email_7d1be132eda36" class="control-label">이메일</label><div class="email_wrap"><input type="text" class="form-control" name="email_7d1be132eda36" placeholder="" value="" id="input_email_7d1be132eda36" autocomplete="off"></div></div></div>

                 

            <div class="form-step">

                 <div class="form-group" id="input_f3a9bc07dc939"><label for="input_txt_f3a9bc07dc939" class="control-label">연락처</label><input type="text" class="form-control" name="input_f3a9bc07dc939" placeholder="" value="" id="input_txt_f3a9bc07dc939" autocomplete="off"></div>    </div>    

  

  </form>

  

   <div class="form-buttons" style="margin-top: 20px;">

      <button type="button" id="prevBtn" class="btn btn-secondary" style="display: none;">이전</button>

      <button type="button" id="nextBtn" class="btn btn-primary">다음</button>

      <a href="javascript:;" class="btn btn-primary _input_form_submit" onclick="SITE_FORM.confirmInputForm('w20250502f0fa59645fbfb','N');" id="submitBtn">작성</a>                                

    </div>

                            

                        </div>

<style>

  .deadline-opacity {

    display: none;

  }

  

  .form-step, .btn-primary {

    display: none;

  }

  

  .form-step.active {

    display: block;

  }

</style>


<script>

  const steps = document.querySelectorAll(".form-step");

  const prevBtn = document.getElementById("prevBtn");

  const nextBtn = document.getElementById("nextBtn");

  const submitBtn = document.getElementById("submitBtn");

  let currentStep = 0;


  function showStep(index) {

    steps.forEach((step, i) => {

      step.classList.toggle("active", i === index);

    });


    prevBtn.style.display = index > 0 ? "inline-block" : "none";

    nextBtn.style.display = index < steps.length - 1 ? "inline-block" : "none";

    submitBtn.style.display = index === steps.length - 1 ? "inline-block" : "none";

  }


  prevBtn.addEventListener("click", () => {

    if (currentStep > 0) currentStep--;

    showStep(currentStep);

  });


  nextBtn.addEventListener("click", () => {

    if (currentStep < steps.length - 1) currentStep++;

    showStep(currentStep);

  });


  // 초기 렌더

  showStep(currentStep);

</script>