목차
- <input type="hidden"> 객체 정의 - 숨김 인풋
- <input type="hidden"> 객체 구문
- <input type="hidden"> 객체 예제 - 접근
- <input type="hidden"> 객체 예제 - 생성
- <input type="hidden"> 객체 속성
<input type="hidden"> 객체 정의 - 숨김 인풋
HTML <input type="hidden"> 태그(요소) 의미.
<input type="hidden"> 객체 구문
[접근]
var x = document.getElementById("요소ID");
또는,
var x = document.getElementById("폼요소ID").elements;
[생성]
var x = document.createElement("INPUT");
x.setAttribute("type", "hidden");
<input type="hidden"> 객체 예제 - 접근
<input type="hidden" id="hz" value="Homzzang.com">
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.getElementById("hz").value;
document.getElementById("demo").innerHTML = x;
}
</script>
결과보기
<input type="hidden"> 객체 예제 - 생성
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.createElement("INPUT");
x.setAttribute("type", "hidden");
document.body.appendChild(x);
document.getElementById("demo").innerHTML = "INPUT hidden 객체 생성 완료 (눈엔 안 보임)";
}
</script>
결과보기
<input type="hidden"> 객체 속성
defaultValue
hidden 입력 필드의 기본값 설정/반환.
form
hidden 입력 필드가 포함된 form에 대한 참조 반환.
name
hidden 입력 필드의 name 속성값 설정/반환.
type
hidden 입력 필드가 어떤 유형의 form 요소인지를 반환.
value
hidden 입력 필드의 value 속성값 설정/반환.
※ <input type="hidden"> 객체는 표준 속성/메서드/이벤트 지원.