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>