프론트엔드 센트럴파크 (☞ﾟヮﾟ)☞

<form> - action, method 본문

HTML

<form> - action, method

자라나라나무나무나 2022. 6. 1. 00:03

action

: 상대경로/ 절대경로 둘 다 가능

양식 데이터를 처리할 프로그램의 URI
form 데이터의 서버를 모아서 서버로 전송할 수 있는데, 서버의 주소를 action에 넣는다고 생각하면 됨

 

 

method

: 서버 개발자가 form데이터를 보내달라고 요청할 때, 보내달라고 하는 요청 메서드로 보내주면 

post : POST 메서드. 양식 데이터를 요청 본문으로 전송합니다.
get : GET 메서드. 양식 데이터를 action URL과 ? 구분자 뒤에 이어 붙여서 전송합니다.
dialog : 양식이 <dialog> 안에 위치한 경우, 제출과 함께 대화 상자를 닫습니다.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="printpage.css" />
</head>
<body>
    <h2>Form</h2>

    <form action="https://binggle-binggle.tistory.com/" method="GET">
        <input type="text" name="test">
        <button type="submit">제출</button>
    </form>

</body>

</html>

 

참고

https://developer.mozilla.org/ko/docs/Web/HTML/Element/form

저작자표시 비영리 변경금지 (새창열림)

'HTML' 카테고리의 다른 글

<fieldset>, <legend>  (0) 2022.06.01
<label> 과 <input>  (0) 2022.06.01
video  (0) 2022.05.29
반응형 이미지 - sizes  (0) 2022.05.27
반응형 이미지 - srcset  (0) 2022.05.27
'HTML' Related Articles more
Comments