고정 헤더 영역
상세 컨텐츠
본문
728x90
반응형
form 태그의 action과 method 속성
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="./result.html" method="get">
<div>
ID : <input name="id" type="text" />
</div>
<div>
PW : <input name="password" type="password" />
</div>
<input type="submit" value="로그인">
</form>
</body>
</html>
아이디와 비밀번호를 작성하면 다른 페이지로 넘어가게 만드는 코딩방법입니다.
핵심코드
1. Index.html에서 method="get" 을 입력해주는 코드입니다.
2. type="password"는 비밀번호를 입력했을때 문자가 보이지 않게 입력하게 해주는 코드입니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>result.html입니다.</h1>
</body>
</html>
<form> 양식은 일반적으로 텍스트 필드, 라디오 버튼, 확인란 및 버튼과 같은 다양한 양식 요소를 캡슐화합니다.
사용자는 이러한 요소에 데이터를 입력하고 양식을 제출하면 처리를 위해 데이터가 서버로 전송됩니다.
action 속성은 사용자가 양식을 제출할 때 양식 데이터가 전송되는 URL을 지정합니다.
데이터 처리를 담당하는 서버측 스크립트 또는 엔드포인트를 나타냅니다.
HTML Method의 종류
GET
GET 메서드는 서버에서 데이터를 검색하는 데 사용됩니다.읽기 전용 작업이므로 서버에 부작용이 없어야 합니다. GET 요청을 할 때 데이터는 일반적으로 쿼리 매개 변수로 URL에 포함됩니다.
POST
POST 방법은 서버에 처리할 데이터를 제출하는 데 사용되며, 일반적으로 요청 본문에 민감하거나 많은 양의 데이터가 전송되는 양식 제출에 사용됩니다. POST 요청은 서버에 데이터베이스 업데이트와 같은 부작용을 일으킬 수 있습니다.
PUT
PUT 메서드는 서버의 기존 리소스를 업데이트하거나 교체하는 데 사용됩니다.
일반적으로 요청 본문에 있는 리소스의 전체 표현을 보내야 합니다. 리소스가 존재하지 않는 경우 PUT를 사용하여 특정 URL로 새 리소스를 만들 수 있습니다.
PATCH
PATCH 메서드는 서버의 리소스를 부분적으로 업데이트하는 데 사용됩니다.
전체 리소스를 대체하는 PUT와 달리 PATCH는 리소스의 지정된 필드만 업데이트합니다.
리소스를 약간 수정할 때 유용합니다.
DELETE
DELETE 방법은 서버에서 자원의 제거를 요청하는 방법으로, URL에서 확인된 자원을 삭제하는 방법입니다.
POST와 마찬가지로 DELETE 요청은 서버에서 데이터를 제거하여 부작용을 일으킬 수 있습니다.
OPTIONS
OPTIONS 메서드는 리소스에 사용할 수 있는 통신 옵션에 대한 정보를 검색하는 데 사용됩니다.
종종 리소스에 대해 지원되는 메서드와 헤더를 확인하는 데 사용됩니다.
HEAD
HEAD 메서드는 GET와 유사하지만 실제 데이터 없이 리소스의 헤더만 요청합니다.
전체 리소스를 다운로드하지 않고 컨텐츠 유형이나 길이 등의 리소스 메타데이터를 확인하는 데 유용합니다.
CONNECT
CONNECT 메서드는 리소스에 대한 네트워크 연결을 설정하는 데 사용되며, 일반적으로 프록시 서버와 함께 사용됩니다. 웹 개발에서는 덜 사용됩니다.
TRACE
TRACE 메서드는 진단 목적으로 사용되며 리소스에 대한 요청 및 응답 메시지의
진단 추적을 검색하는 데 사용할 수 있습니다.
실제로는 거의 사용되지 않습니다.
728x90
반응형
'IT > HTML' 카테고리의 다른 글
| HTML, CSS 크기 - scale (0) | 2023.09.13 |
|---|---|
| HTML, CSS - Transform 속성 (0) | 2023.09.13 |
| HTML, CSS - rotate (0) | 2023.09.13 |
| HTML - BODY 태그 (1) | 2023.09.05 |
| HTML - 헤드태그 (0) | 2023.09.05 |
