웹표준/HTML5
입력 양식 - Hidden
Kiwisae
2022. 8. 5. 15:13
1. hidden.html을 생성하고 다음과 같이 코드를 입력, 실행해본다.
<form action="hidden.jsp">
<!-- 메소드를 생략하면 자동으로 겟방식이 된다. -->
<input type="hidden" name="myid" value="1234">
<input type="text" name="myid01" value="1234" readonly="readonly">readonly
<br>
<input type="text" name="myid02" value="1234" disabled="disabled">disabled
<br>
<input type="submit" value="전송">
</form>
reaonly와 disabled는 둘다 값을 수정할 수 없어서 코드 입력 시 값을 지정해주어야 한다.
또, hidden은 화면에 노출되지 않는다.
2.
hidden.jsp 파일을 생성하고 다음과 같이 코드를 입력한다.
myid : <%=request.getParameter("myid") %> <br>
myid01 : <%=request.getParameter("myid01") %> <br>
myid02 : <%=request.getParameter("myid02") %> <br>
3. hidden.html을 실행하여 전송 버튼을 누르면 다음과 같은 값이 출력된다.
이것으로 알 수 있는 것.
1) hidden은 사용자 화면에는 출력하지 않고 값이 넘어가는 역할을 한다.
2) readonly, disabled 둘 다 폼이 비활성화 되어 값을 수정할 수 없다.
그래서 코드 작성 시 값을 지정해주어야 한다.
3) action 설정 페이지로 값이 넘어가는 것은 readonly 만이다.
4) 메소드 값을 (post or get) 생략하면 get 방식이 되어 전송 값이 노출된다.