<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>04form태그</title>
</head>
<body>
<div align="center" width="100">
<h2>폼 양식</h2>
<!-- form태그안에 들어가는 속성
action:폼 양식을 처리해줄 서버 페이지를 기술
name: form의 이름을 기술.주로 자바스크립트로 처리할 때 이용한다.
method:데이터 전송방식을 기술하는데 get 아니면 post로 기술 get방식은
간단한 데이터 전송시 반면 post방식은 대용량 데이터 전송시 많이 사용
enctype:인코딩 방식을 기술 파일업로드시 multiaprt/form-data를 지정해야 함
-->
<form name="frm" method="get" action="http://localhost:9090/index.jsp">
아이디: <input type="text" name="id" size="5" maxlength="4"><p>
비밀번호:<input type="password" name="pwd" size="5"><p>
성별(라디오.단일선택):
<input type="radio" name="gender" value="M">남자
<input type="radio" name="gender" value="F" checked="true">여자<p><!-- 라디오는 name이 같아야 한다.디폴트를 주고 싶으면 checked사용 -->
취미(체크박스-다중선택):
<input type="checkbox" name="hobby" value="music">음악감상
<input type="checkbox" name="hobby" value="movie" checked="true">음악감상<p>
파일업로드:<input type="file" name="photo"><p>
드롭다운리스트:<select name="job">
<option value="pro">프로그래머</option>
<option value="gi">기획자</option>
<option value="designer">디자이너</option>
</select><p>
리스트박스:<select name="lang" size="4" multiple="true">
<!-- multiple을 쓰면 다중선택 가능 -->
<option value="java">java</option>
<option value="jsp">jsp</option>
<option value="html">html</option>
</select><p>
건의사항<textarea name="comment" row="5" cols="40"></textarea>
히든필드(데이터를 숨겨 보내고자 할 때):
<input type="hidden" name="mydata" value="My Secret Data"><p>
<input type="submit" value="등록"/>
<input type="button" value="일반버튼"/>
<input type="reset" value="다시쓰기"/><p>
이미지 버튼:
<input type="image" src="./images/a.jpg"/>이미지타입의 버튼은 전송(submit)버튼과 동일한 기능을 갖다
데이터를 서버에 전송함
</form>
</div>
</body>
</html>