웹표준/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 방식이 되어 전송 값이 노출된다.