-
[HTML] formWEB/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