ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [HTML] form
    WEB/HTML 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>

     

     

     

     

     

     

    'WEB > HTML' 카테고리의 다른 글

    [HTML] meta 태그  (0) 2024.04.23
    [HTML] select 와 textarea  (0) 2024.04.21
    [HTML] 입력  (0) 2024.04.19
    [HTML] 목록  (0) 2024.04.19
    [HTML] 링크  (0) 2024.04.19
Designed by Tistory.