formaction 예제


안녕하세요.
고코더 입니다.


 1. form을 전송하는 방법은 웹프로그래밍 언어에 기본 입니다.
필요한 데이터를 로직을 처리하는 소스르 넘기는 과정입니다.
그런데 html5부터는 formaction 속성을 이용해 폼 주소를 input 박스에서 수정이 가능합니다.

 2. 소스를 함께 살펴보겠습니다. 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
    <link rel='stylesheet' href='/stylesheets/style.css'/>
</head>
<body>
 
<form action="/board/update" method="post">
    <table border="1">
        <tr>
            <td colspan="2">
                <button type="submit">폼 전송</button>
                <button type="submit" formaction="/board/delete">폼 전송2</button>
                <a href="/board/list">목록</a>
            </td>
        </tr>
    </table>
</form>
</body>
cs


 3. formaction 속성이 없다면 post를 가로채서
스크립트를 작성하여 조건절을 걸었지만
html5에 편리한 기능 때문에 각각 다른 폼으로 전송이 가능합니다. 


 4. "폼 전송" 은 기존에 action 주소로 이동하고


 5. "폼 전송2" 는 formaction  주소로 이동합니다.


복잡한 스크립트 없이 form 전송을
동적으로 할 수 있습니다.


마무리


하지만 html5 브라우저가 아닌 옛날 익스플로러 사용하는 유저도 많으니
그림에 떡이네요.






댓글을 달아 주세요