회원가입 페이지 - 데이터 입력
<body>
<form action="#" method="post">
<p> 아이디: <input type="text" name="id">
<p> 비밀번호: <input type="password" name="passwd">
<p> 이름: <input type="text" name="name">
<p> 연락처: <input type="text" maxlength="4" name="phone1">
- <input type="text" maxlength="4" name="phone1">
- <input type="text" maxlength="4" name="phone1">
<p> <input type="submit" value="전송">
<p> 성별: <input type="radio" name="gender" value="남성" checked="checked">남성
<input type="radio" name="gender" value="여성">여성
<p> 취미: 독서 <input type="checkbox" name="hobby1" checked="checked">
운동 <input type="checkbox" name="hobby2" >
영화 <input type="checkbox" name="hobby3" >
<p> 도시
<select name="city" size="3"> <!-- 최초 보여줄 row의 수 -->
<option value="seoul">서울특별시</option>
<option value="deajuen">대전광역시</option>
<option value="deagoo">대구광역시</option>
<option value="busan">부산광역시</option>
</select>
</p>
<p> 메모: <textarea name="comment" rows="10" cols="30" placeholder="최소 한 글자 이상 입력하세요"></textarea>
<p><input type="submit" value="가입하기">
<input type="reset" value="다시쓰기">
</form>
</body>
form 태그
1. method="get"
- 기본값은 get
- get 방식은 주소창에 정보가 노출되는 특징
test1파일에서 양식을 입력하고 submit 버튼을 눌렀을 때 test2파일로 이동합니다. 이동할 때의 입력한 정보가 주소창을 통해 전송이 됩니다. 예) http://localhost:8080/BookStore/20220422.jsp?id=123&passwd=1234#
2. method="post"
- post방식은 주소창에 정보가 보이지 않아 보다 보안에 더 유리하다는 특징
- form 안에 들어가는 p는 id가 아니라 name 으로 줘야함
= 전송할 데이터의 길이, 용량 제한이 없게됨
(출처: https://nancording.tistory.com/49)
회원가입 페이지 - 받은 데이터 표출
코드- 이렇게 하나로 받는 경우도 : getParameterValues 라는 것으로 받게됨
<p> 취미: 독서 <input type="checkbox" name="hobby" value="reading" checked="checked" >
운동 <input type="checkbox" name="hobby" value="health">
영화 <input type="checkbox" name="hobby" value="movie">String [] hobby = request.getParameterValues("hobby") ;
비전공자 독학러. 일단 쌔린다. 개발 공부👊