WEB/HTML

[HTML] form

Sh-YE 2024. 4. 21. 14:34

form

: 사용자가 입력한 데이터(입력값:input,select,textarea 등)를 감싸며,

  입력 값을서버측으로 제출 할 수 있다.

   -> form의 입력값을 제출하기 위해, input 태그의 submit타입사용가능!

 

form의 속성)

 - action : 서버 측 주소를 지정하는 속성

 - method: 클라이언트가 입력한 데이터 전송방식을 지정하는 속성(GET & POST)

               1) GET : 서버의 요청을 보내어 응답을 받아낸다. 

                             서버로부터 정보를 '가져오겠다' 는 성격의 요청

                2) POST: 서버에 요청을 보내어 작업을 수행한다.

                               서버에 있는 데이터를 추가/삭제/수정 한 후에 응답을받아낸다.

                               서버의 정보를 '조작하겠다'는 성격의 요청

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>서버에 요청을 보내는 form태그</title>
  </head>  
    <body>
        <h1>키우고 싶은동물 고르기</h1>
        <form action="exam.php" method="POST">
            <input type="text" placeholder="NAME" name="name">       
            <br>
            <select name="pet" multiple>
                <option value="dog">강아지</option>
                <option value="cat" selected>고양이</option>
                <option value="hamster">햄스터</option>
                <option value="parrot">앵무새</option>
            </select>
            <br>
            <input type="submit" value="전송">
        </form>
    </body>     
</html>