form태그 : block레벨
정보를 전달할 수 있는 태그
form태그 안에 있는 정보들 중에서 name과 value를 가지고 있는 요소들의 정보를 넘긴다. /
정보를 넘길 때는 무조건 submit 버튼 사용
- 속성 -
- action : 정보를 보낼 페이지의 경로 a, img 태그의 경로 잡는 법과 동일/
별도의 이동이 없는 경우 #(임시링크) 걸어둔다. - method : 정보를 넘기는 방식
★GET : 기본값. url을 통해서 정보전달
링크? name = value 로 값이 주소창에 다 나오는데
★POST : 숨겨서 전달(정보 은닉화)
링크만 나오고 주소창에 값이 나오지 않음 - target : 정보 전달시 현재탭/새탭 으로 정보 전달 결정
a 태그때와 동일 (_selft, _blank) - autocomplete : 기록이 있는 경우 리스트 보여줌
on : 기본값, 리스트 보여줌
off : 리스트 안보여줌
radio 필수 확인 : name과 value둘 다 필요하다. value가 없으면 어떤 버튼이 눌렸는지 모름
checkbox 필수 확인 : name만 있어도 됨. name 눌렸는지 확인만 하면 되니까. 그룹필 필요 없으니까
<!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="./99.form.html" method="get" target="_self" autocomplete="off">
<input type="text" name="아이디" placeholder="아이디를 입력하시오"> <br>
<input type="password" name="비번" placeholder="비번을 입력하시오"><br>
<br>
<label><input type="radio" name="className" value="web1">웹1</label>
<label><input type="radio" name="className" value="web2">웹2</label><br>
<input type="checkbox" name="프론트">프론트
<input type="checkbox" name="백엔드">백엔드
<input type="checkbox" name="풀스택">풀스택 <br>
<br>
<input type="submit" value="확인">
<input type="reset" value="리셋">
</form>
</body>
</html>
계속 나아가기
가치 있는 정보 공유해주셔서 감사합니다.