[html js]div태그 type submit버튼 form에서

가끔식 div태그를 form으로 보낼때 submit으로 쓸때가 생긴다.

그때 스크립트로 type이 submit역할을 하도록 코드를 써주면 된다.

우선, form을 만들어준다

<form enctype="multipart/form-data" method="post" action="submit_ok.php" name="morning" style='margin:0'>
//input넣어주기...
</form>

form안에는 보내줄 값의 input태그를 넣어주고 

div의 제출하기 버튼을 만든다(혹시몰라 말한다... 접수하기div태그는 form태그안에 넣어야한다!)

<div class="submit_btn"  style="cursor:pointer;">
   접수하기
</div>

class가 submit_btn으로 만들어줬다,

 

그리고 마지막으로 스크립트를 써준다(form태그 밖에)

<!-- 제출 -->
<script>
    const submitButton = document.querySelector('.submit_btn');
    submitButton.addEventListener('click', function() {
       const form = document.forms.morning;
       form.submit();
    });
 </script>

 

이러면 submit기능을 할것이다