<!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="#" method="get">
<!--
사용자에게 입력을 받은 데이터를 한번에 묶어서 전달하기 위한 태그 -> form
필수 작성 속성 -> acthion -> 데이터를 보내줄 서버의 주소
통신 방식 설정 -> method -> get, post / 기본값 get방식
-->
아이디 : <input type="text" value="" placeholder="아이디는 영어로 쓰세요!"> <br>
비밀번호 : <input type="password"> <br>
<!--
사용자에게 입력을 받을 때, 텍스트, 숫자 아니고 클릭을 통해서 체크값을 받는 방법 2가지
1) 체크박스 -> 중복 선택이 가능
2) 라디오 -> 중복 선택이 불가능
* 반드시 name, value를 작성
* name = 같은 그룹임을 명시하는 속성
* value = 실제 선택한 태그의 값 -> 모든 input태그는 데이터가 value 담긴다.
-->
취미 : 축구 <input type="checkbox" name="hobby" value="축구"> 야구 <input type="checkbox" name="hobby" value="야구"> <br>
성별 : 남자 <input type="radio" name="gender" value="남자"> 여자 <input type="radio" name="gender" value="여자"> <br>
<br>
<br>
<!--
그 외 자주 사용하진 않지만 존재하는 인풋!
-->
<input type="file"> <br>
<input type="range"> <br>
<input type="color"> <br>
<input type="date"> <br>
<input type="datetime-local"> <br>
<!--
리스트 형태로 데이터를 제공해서 사용자가 선택할 수 있게 -> select
-->
<select name="" id="">
<option value="naver">naver.com</option>
<option value="daum">daum.net</option>
<option value="gmail">gmail.com</option>
</select>
<!--
사용자에게 많은 양의 글자를 입력받는 공간 -> textarea
-->
<textarea></textarea>
<!--
입력폼에서 맨 마지막에 반드시 필요 한 태그
1) 제출버튼
-->
<input type="submit">
<input type="reset">
</form>
</body>
</html>
개발자