728x90
반응형
폼 태그
폼 : 사용자가 입력한 데이터(입력값)를 서버로 보내기 위해 사용하는 태그
서버와 클라이언트
서버 : 정보를 제공하는 호스트(Host). 클라이언트(사용자)가 요청을 하면 서버는 그에대한 정보를 제공한다.
클라이언트 → 서버 : 네이버 로그인(아이디와 비밀번호 전송)
클라이언트 ← 서버 : 아이디와 비밀번호가 맞으면 로그인시켜줌. 틀리면 틀렸다는 정보를 되돌려준다.
폼(Form)
폼은 입력 요소드를 감싸고 있으며, 입력 값을 서버로 전송할 수 있다.
폼 태그에 묶여있는 입력 요소들은 하나의 양식으로서의 역할을 한다.
폼의 입력 값을 제출하기 위해 input 태그의 submit 타입을 사용한다.
속성
action : 입력값을 전송할 서버의 url
method : 클라이언트가 서버로 데이터를 전송하는 방식(ex. GET or POST)
GET : 서버에 요청을 보내서 응답을 받아낸다. 서버로부터 단순히 정보를 가져온다.
POST : 서버에 요청을 보내서 작업을 수행한다. 서버의 정보를 추가/수정/삭제한 후에 응답을 받아낸다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>네이버 연결</title>
</head>
<body>
<h1>내가 가장 좋아하는 음식</h1>
<form action="exam.php" method="POST">
<input type="text" placeholder="NAME" name="name">
<br>
<select name="food">
<option value="potato">감자</option>
<option value="tofu">두부</option>
<option value="chicken">치킨</option>
</select>
<br>
<input type="submit" value="전송">
</form>
</body>
</html>
실제로 서버에서는 클라이언트가 전송한 name과 value가 중요하다.
728x90
반응형
'Software > Front End' 카테고리의 다른 글
| [HTML] 뷰포트(Viewport) (0) | 2023.01.12 |
|---|---|
| [HTML] 메타(Meta) 태그 (0) | 2023.01.12 |
| [HTML] 전역 속성 (0) | 2023.01.11 |
| [HTML] 태그 기초 (1) | 2023.01.10 |
| [HTML] HTML 기초 문법 (0) | 2023.01.09 |
댓글