html form에서 두개의 submit 사용법

하나에 form에서 두개 이상의 submit으로 각각 다른 동작을 하려고 한다,

 

기존의 submit으로는 눌리든 안눌리든 일단 form으로 값을 전달하기 때문에 다른 방법을 사용해야 한다.

 

<form action='/voca_php/voca_file_edit.php' method='post' id='file_form' style='left: $left_cnt%; top: $top_cnt%;'>
    <p id='file_name' name='file_name'>$row_file[1]</p>
    <button type='submit' name='new' value='test'>Test</button>
    <button type='submit' name='new' value='edit'>Edit</button>
    <input type='hidden' name='id' value='$id'>
    <input type='hidden' name='file_name' value='$row_file[1]'>
</form>

위 코드에서 <input type='submit'>을 <button>으로 대체했습니다. 그리고 각 버튼에는 name 속성과 각각의 값을 가진 value 속성이 있습니다. 이렇게 하면 사용자가 둘 중 하나의 버튼을 클릭할 때 new 매개 변수에 해당 버튼의 값을 전달하게됩니다.