formaction 예제
안녕하세요.
고코더 입니다.
● 1. form을 전송하는 방법은 웹프로그래밍 언어에 기본 입니다.
필요한 데이터를 로직을 처리하는 소스르 넘기는 과정입니다.
그런데 html5부터는 formaction 속성을 이용해 폼 주소를 input 박스에서 수정이 가능합니다.
● 2. 소스를 함께 살펴보겠습니다.
formaction.html1 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 브라우저가 아닌 옛날 익스플로러 사용하는 유저도 많으니
그림에 떡이네요.
'IT_Developers > HTML' 카테고리의 다른 글
| MHT - 오프라인에서 볼 수 있는 MHTML 이란? (0) | 2019.09.26 |
|---|---|
| WebSocket - 웹소켓 이란? (0) | 2019.09.17 |
| HTML - required 필수 항목 값을 확인해주는 속성 (1) | 2019.08.01 |
| HTML - style 태그를 두번 선언하면 어떻게 될까? (4) | 2019.07.04 |
| HTML - Div를 화면 중앙 가운데 반응형 노출 (1) | 2019.06.21 |
댓글