html & css/개념
form 태그
by Doo Hee
2023. 6. 19.
<!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>
<!-- action - 데이터를 전송할 주소 -->
<!-- method - 데이터를 전송할 방법 -->
<!-- get - 전송하는 데이터가 url에 붙어서 가는 형태. 전송하는 데이터가 url에 노출이 된다. -->
<!-- 보안에 취약할 수 있음 -->
<!-- 패이지 주소를 공유해야할 때 -->
<!-- ex) www.naver.com 뒤에 데이터가 붙음 -->
<!-- 전송할 수 있는 데이터 크기에 제약이 있다. -->
<!-- post -->
<!-- 전송하는 데이터가 url에 붙지 않는다. 사용자 눈에 보이지 않음. 보안에 더 안정 -->
<!-- 결국은 전송하는 데이터를 개발자 도구 같은 소프트웨어를 통해 확인할 수 있다. -->
<!-- 전송하는 데이터를 암호화하는 것이 좋음 -->
<!-- 암호화 기능을 추가하는 것이 좋음(https 프로토콜) -->
<!-- 전송할 수 있는 데이터 크기에 제약이 없다. -->
<!-- target - 데이터를 전송할 창을 어디로 할거냐 -->
<!-- _self - 자기 자신 창 -->
<!-- _blank - 새창(새탭)-->
<!-- _parent(iframe이 속해있는 창), _top(제일 위의 iframe) -->
<!-- novalidate - form 태그 안의 input 요소나 정확성을 체크하지 않는다. -->
<form action="전송할 주소(서버주소)" method="get" target="_self" novalidate>
<div>
<label for="name">이름</label>
<input type="text" name="name" id="name" autocomplete="on" />
</div>
<div>
<label for="tel">연락처</label>
<input type="tel" name="tel" id="tel" />
</div>
<div>
<label for="email">이메일</label>
<input type="email" name="email" id="email" />
</div>
<button type="submit" formnovalidate>저장</button>
<!-- <button type="submit" formnovalidate>저장</button> -->
</form>
</body>
</html>
