html:form 관련 메모

aiden·2023년 11월 21일

JS, HTML/CSS

목록 보기
14/17
<form method="POST" onsubmit="submitWriteForm(this); return false;" style="display: flex; flex-direction: column; gap: 20px; max-width: 500px">
    <input type="text" name="title" placeholder="제목">

    <input type="text" name="body" placeholder="내용">

    <button type="submit">
        글쓰기
    </button>
</form>

Post 방식과 Get 방식 중 Post 방식으로 지정.
onsubmit=에는 버튼을 통해 submit하면 수행 될 명령에 대해 적혀있음. submitWriteForm(form) 함수를 실행하고 return false;를 통해 폼이 무조건 넘어가지 않도록 막아주고 있음. 조건을 만족하면 폼을 넘기기 위해 함수 안에는 form.submit();이 포함되어 있음

profile
파인애플 좋아하세요?

0개의 댓글