사용자에게 감춰진 데이터를 입력하는 입력필드를 참조하며 사용자측과 서버측 사이에 정보를 보낼수 있게 한다.

Script [propVal=]..propName;
HTML propName="propVal">innerString
인수
propertyName : (속성명)

아래 속성들 중의 하나이다.

사용

사용자가 감춰진 데이터를 입력하거나 볼 수 없는 상태에서 데이터를 처리하여 인터랙티브(Interactive)하게 원하는 기능을 수행하게 하는데 사용된다. 태그 소스에서는 볼 수 있으나 웹 페이지에서 볼 수 없다. 일반적으로 방문자에게 보이지 않을 내부적인 데이터나 데이터 수집에 사용된다.

생성

hidden 개체는 <FORM> HTML 태그로 생성된 form 개체 속의 <INPUT type="hidden"> HTML 태그로 생성된다.

<FORM> ... <INPUT type="hidden"> ... </FORM>

type 속성을 text 개체로 변경하여(formName.elemName.type='text') 감춤을 해제 할 수 있다.

구성

생성된 이들 개체들은 모체 form 개체에서 hidden 개체를 만들고 엘레멘트(elements)의 배열변수로 저장되고, 호출될 수 있다. elements 배열변수에 type 속성이 hidden으로 등록된다.
form.hidden 개체는 적용될 수 있는 속성(property)를 가질 수 있다.


특기

사용자에게 감춰지므로 입력할 수 없지만 값은 송신 formvalue 속성으로 서버에 보내진다.

이 개체는 스크립트를 포함하여 IE3.0부터 적용된다.

이 엘레멘트는 표현되지 않는다.

이 엘레멘트는 종료태그를 필요로 하지 않는다.

참조
input input type=submit

이 개체는 (영문)HTML3.2에서 정의되었다.


설명을 위한 예제


컬렉션설명과 예제 코드결과참고
attributes 개체의 애트리뷰트(attribute 개체)들의 배열변수를 참조하고 반환한다.
<SCRIPT>document.write(oObj.attributes.length)</SCRIPT>
behaviorUrns 엘레멘트에 첨부된 비해이버(behavior)들을 인식하는 주소(URN) 문자열들의 배열변수를 참조하고 반환한다.
<SCRIPT>document.write(oObj.behaviorUrns.length)</SCRIPT>

개체설명결과
currentStyle 공통 스타일쉬트, 인라인 스타일 HTML 애트리뷰트등으로 지정한 개체의 카스케이딩 형식과 스타일들 참조한다.
<SCRIPT>document.write(oObj.currentStyle.backgroundColor)</SCRIPT>
runtimeStyle 덮어 씌워진 최종 공통 스타일쉬트, 인라인 스타일 HTML 애트리뷰트등으로 지정한 개체의 카스케이딩 형식과 스타일들 참조한다.
<SCRIPT>document.write(oObj.runtimeStyle.height=50)</SCRIPT>
style 개체의 현재 모든 가능한 인라인 스타일 설정들을 참조한다.
<SCRIPT>document.write(oObj.style.visibility)</SCRIPT>

Script 없슴 atomicselection="bVal"> 애트리뷰트)
⇒ 엘레멘트와 그 내용이 전체적으로 선택되어야 하는가 개별적으로 선택될 수 있는가를 지정한다.
begin 속성 IE (begin="tVal"> 애트리뷰트)
⇒ 개체를 플레이하는데 시작되는 지연시간을 반환하거나 지정한다.
문법: .begin[=sVal]
코드: document.write(oObj.begin); 결과:
canHaveHTML 속성 IE
⇒ 개체가 HTML 태그들을 가질 수 있는가를 부울값으로 반환한다.
문법: [bVal=].canHaveHTML
코드: document.write(oObj.canHaveHTML); 결과:
className 속성 IE (class="sVal"> 애트리뷰트)
⇒ 개체의 클라스 이름을 반환하거나 설정한다.
문법: .className[=sVal]
코드: document.write(oObj.className); 결과:
dataFld 속성 IE (datafld="sVal"> 애트리뷰트)
⇒ 개체의 dataSrc 속성과 같은 개체에 연결된 데이터 원천을 반환하거나 지정한다.
문법: .dataFld[=sVal]
코드: document.write(oObj.dataFld); 결과:
dataSrc 속성 IE (datasrc="urlVal"> 애트리뷰트)
⇒ 개체에 연결된 데이터의 원천을 반환하거나 지정한다.
문법: .dataSrc[=urlVal]
코드: document.write(oObj.dataSrc); 결과:
defaultValue 속성 IE NS
⇒ 개체의 최초값 문자열을 반환하거나 설정한다. value="sVal">로 지정된 문자열이고 이 속성은 사용자가 입력하면 value 속성값을 덮어 씌운다.
문법: .defaultValue[=sVal]
코드: document.write(oObj.defaultValue) 결과:
end 속성 IE (end="tVal"> 애트리뷰트)
⇒ 개체가 반복 플레이 중 한회가 완료되었던가, 전부 완료되었는가의 값을 반환하거나 설정한다.
문법: .end[=sVal]
코드: document.write(oObj.end); 결과:
예제form(개체) 속성 IE NS
개체의 모체 form 개체를 반환한다.
문법: hiddenObj.form
코드: document.write(formObj.hiddenName.form) 결과:
코드: document.write(formObj.hiddenName.form.name) 결과:
hasMedia 속성 IE
⇒ 개체을 개체가 HTML+time 메디어 엘레멘트인가의 부울값을 반환한다.
문법: [oVal=].hasMedia
코드: document.write(oObj.hasMedia); 결과:
hideFocus 속성 IE (hidefocus=true|false> 애트리뷰트)
⇒ 개체가 초점을 받지았는지 시각적으로 인식할 수 있는 부울값으로 반환하거나 설정한다.
문법: .hideFocus[=true|false]
코드: document.write(oObj.hideFocus); 결과:
id 속성 IE (id=sVal> 애트리뷰트)
⇒ 개체를 대표하는 인식자 문자열을 반환하거나 지정한다.
문법: .id[=sVal]
코드: document.write(oObj.id); 결과:
isContentEditable 속성 IE
⇒ 사용자가 개체의 내용을 편집할 수 있는가를 부울값으로 반환한다.
문법: [bVal=].isContentEditable
코드: document.write(oObj.isContentEditable); 결과:
isDisabled 속성 IE
⇒ 개체가 불활성화 되었는가를 부울값으로 반환한다.
문법: [bVal=].isDisabled
코드: document.write(oObj.isDisabled); 결과:
isMultiLine 속성 IE
⇒ 개체가 여러줄로 되어있는가를 부울값으로 반환한다.
문법: [bVal=].isMultiLine
코드: document.write(oObj.isMultiLine); 결과:
isTextEdit 속성 IE
⇒ 개체속에서 TextRange 개체를 생성할수 있는가를 부울값으로 반환한다.
문법: [bVal=].isTextEdit
코드: document.write(oObj.isTextEdit); 결과:
lang 속성 IE (lang="sVal"> 애트리뷰트)
⇒ 개체에서 사용한 언어코드를 반환하거나 설정한다.
문법: .lang[=sVal]
코드: document.write(oObj.lang); 결과:
language 속성 IE (language="sVal"> 애트리뷰트)
⇒ 개체에서 사용한 스크립트 언어를 반환하거나 설정한다.
문법: .language[=sVal]
코드: document.write(oObj.language); 결과:
예제name 속성 IE NS (name="sVal"> 애트리뷰트)
개체의 이름인 name 속성값을 반환하거나 설정한다.
문법: .name[=sVal]
코드: document.write(oObj.name); 결과:
nextSibling 속성 IE
⇒ 개체의 다음 형제(같은 모체의 다음 자식) 개체을 반환한다.
문법: [oVal=].nextSibling
코드: document.write(oObj.nextSibling); 결과:
코드: if (oObj.nextSibling) document.write(oObj.nextSibling.value); 결과:
nodeName 속성 IE
⇒ 개체의 특정 노드(node) 타입 이름을 반환한다.
문법: [sVal=].nodeName
코드: document.write(oObj.nodeName); 결과:
nodeType 속성 IE
⇒ 개체의 특정 노드(node)의 종류를 반환한다.
문법: [iVal=].nodeType
코드: document.write(oObj.nodeType); 결과:
nodeValue 속성 IE
⇒ 개체의 특정 노드(node)의 값을 반환한다.
문법: [oVal=].nodeValue
코드: document.write(oObj.nodeValue); 결과:
offsetParent 속성 IE
⇒ 개체에 offsetParentoffsetLeft 속성들이 지정된 용기 개체를 참조하고 반환한다.
문법: [oVal=].offsetParent
코드: document.write(oObj.offsetParent); 결과:
코드: document.write(oObj.offsetParent.nodeName); 결과:
outerHTML 속성 IE
⇒ 개체와 개체의 외부 내용을 HTML로 반환한다.
문법: [sVal=].outerHTML
코드: document.write(oObj.outerHTML.length); 결과:
outerText 속성 IE
⇒ 개체와 개체의 외부 내용을 텍스트로 반환한다.
문법: [sVal=].outerText
코드: document.write(oObj.outerText); 결과:
parentElement 속성 IE
⇒ 체계 구조상 부모 엘레멘트 개체를 반환한다.
문법: [oVal=].parentElement
코드: document.write(oObj.parentElement); 결과:
코드: document.write(oObj.parentElement.nodeName); 결과:
parentNode 속성 IE
⇒ 구조상 부모 엘레멘트 개체를 반환한다.
문법: [oVal=].parentNode
코드: document.write(oObj.parentNode); 결과:
코드: document.write(oObj.parentNode.nodeName); 결과:
parentTextEdit 속성 IE
⇒ 구조상 원본 개체를 포함하고 있는 용기 개체속에서 TextRange 개체를 생성할 수 있는 용기 개체를 반환한다.
문법: [oVal=].parentTextEdit
코드: document.write(oObj.parentTextEdit); 결과:
previousSibling 속성 IE
⇒ 개체의 다음 형제(같은 모체의 다음 자식) 개체을 반환한다.
문법: [oVal=].previousSibling
코드: document.write(oObj.previousSibling); 결과:
코드: if (oObj.previousSibling) document.write(oObj.previousSibling.nodeName); 결과:
readyState 속성 IE
⇒ 개체의 현재 상태를 반환한다.
문법: [sVal=].readyState
코드: document.write(oObj.readyState); 결과:
코드: <SPAN id=SwRS></SPAN>&nbsp;<BUTTON onclick="SwRS.innerText=oObj.readyState">클릭</BUTTON> 결과:  
recordNumber 속성 IE
⇒ 개체가 생성한 리코드 순서 번호를 반환한다.
문법: [iVal=].recordNumber
코드: document.write(oObj.recordNumber); 결과:
scopeName 속성 IE
⇒ 엘레멘트 개체를 위해 정의된 namespace를 반환한다.
문법: [sVal=].scopeName
코드: document.write(oObj.scopeName); 결과:
sourceIndex 속성 IE
⇒ 소스 순서에서 문서의 all 컬렉션에 나타나는 개체의 위치를 반환한다.
문법: [iVal=].sourceIndex
코드: document.write(oObj.sourceIndex); 결과:
코드: document.write(document.all(oObj.sourceIndex).nodeName); 결과:
style 속성 IE (style="cssVal"> 애트리뷰트)
⇒ 엘레멘트의 인라인 스타일을 반환하거나 설정한다.
문법: .style[=cssVal]
코드: document.write(oObj.style.cssText); 결과:
syncMaster 속성 IE (syncMaster="bVal"> 애트리뷰트)
⇒ 시간용기가 이 개체의 플레이와 동기화해야 하는가를 반환하거나 설정한다.
문법: .syncMaster[=bVal]
코드: document.write(oObj.syncMaster=false); 결과:
systemBitrate 속성 IE (systemBitrate="speedVal"> 애트리뷰트)
⇒ 시스템의 대략적 밴드폭을 bps(bits-per-second) 단위로 반환한다.
문법: [sVal=].systemBitrate
코드: document.write(oObj.systemBitrate); 결과:
systemCaptions 속성 IE (systemCaptions="sVal"> 애트리뷰트)
⇒ 디스플레이되는 텍스트가 플레이되는 오디오 부분에 해당하는가를 나타내는 값을 반환한다.
문법: [sVal=].systemCaptions
코드: document.write(oObj.systemCaptions); 결과:
systemLanguage 속성 IE (systemLanguage="sVal"> 애트리뷰트)
⇒ 사용자가 시스템에 설정한 선호 언어를 반환한다.
문법: [sVal=].systemLanguage
코드: document.write(oObj.systemLanguage); 결과:
systemOverdubOrSubtitle 속성 IE (systemOverdubOrSubtitle="sVal"> 애트리뷰트)
⇒ 개체를 플레이할 때 작은 제목들을 표현할 것인가를 반환한다.
문법: .systemOverdubOrSubtitle[=sVal]
코드: document.write(oObj.systemOverdubOrSubtitle='overdub'); 결과:
tagName 속성 IE
⇒ 개체의 태그(tag) 이름을 반환한다.
문법: [sVal=].tagName
코드: document.write(oObj.tagName); 결과:
tagUrn 속성 IE
⇒ 개체의 namespace 선언에서 설정된 주소(URN: Uniform Resource Name)를 반환하거나 설정한다.
문법: .tagUrn[=sVal]
코드: document.write(oObj.tagUrn); 결과:
timeContainer 속성 IE (timecontainer="sVal"> 애트리뷰트)
⇒ 개체와 연관된 타임라인의 형식을 반환하거나 설정한다.
문법: .timeContainer[=sVal]
코드: document.write(oObj.timeContainer); 결과:
예제type 속성 IE4 NS3 (type="sVal"> 애트리뷰트)
개체의 종류를 나타내는 type 속성값을 반환하며, 값은 항상 hidden 이다.
문법: hiddenObj.type
코드: document.write(formObj.hiddenName.type) 결과:
uniqueID 속성 IE
⇒ 자동적으로 생성된 개체의 유일한 인식자 문자열을 반환한다.
문법: [sVal=].uniqueID
코드: document.write(oObj.uniqueID); 결과:
Script 없슴 unselectable="on|off"> 애트리뷰트)
⇒ 엘레멘트가 선택될 수 없음을 설정한다.
예제value 속성 IE3.02 NS2 (value="vVal"> 애트리뷰트)
개체의 표시되는 값 value 속성값을 반환하거나 설정한다. 개체와 그 내용은 보이지 않는다.
문법: hiddenObj.value[vVal]
코드: document.write(formObj.hiddenName.value) 결과:

stylescript
{behavior:val} obj.style.behavior[=val]
⇒ DHTML behavior의 소개 위치를 반환하거나 설정한다.
없슴 obj.style.hasLayout
⇒ 개체가 레이아웃(layout)을 가지고 있는가를 부울값으로 반환한다.
{layout-flow:val} obj.style.layoutFlow[=val]
⇒ 개체 내용의 방향이나 흐름방향을 반환하거나 설정한다.
{text-autospace:val} obj.style.textAutospace[=val]
⇒ 조정된 문자를 위한 자동 문자 간격 맞추기를 반환하거나 설정한다.
{text-underline-position:val} obj.style.textUnderlinePosition[=val]
⇒ 개체의 textDecoration 속성이 'underline'로 설정된 경우 밑줄의 위치를 반환하거나 설정한다.
{word-wrap:val} obj.style.wordWrap[=val]
⇒ 내용이 용기 개체의 범위를 초과하면 단어를 자를 것인가를 반환하거나 설정한다.
{zoom:val} obj.style.zoom[=val]
⇒ 개체의 확대 배율을 반환하거나 설정한다.

메서드설명
addBehavior 엘레멘트에 behavior를 추가한다.
applyElement 개체를 다른 엘레멘트의 자식이나 모체 개체로 만든다.
attachEvent IE - 이벤트에 특정 기능을 묶어, 기능함수가 개체에서 이벤트가 발생되면 언제나 호출되게 한다.
이벤트의 제거는 detachEvent에서 한다. 반환값은 부울값이다.
문법: [bVal=].object.attachEvent(event,functObj)
event는 필수요소이고, 표준 이벤트 문자열이다. functObj도 필수요소이고 이벤트가 발생되면 호출될 기능함수이다.
코드: function callFunc(){alert('ondblclick 이벤트 발생')}document.attachEvent('ondblclick',callFunc)
결과: // 문서 위 아무데서나 더블클릭 해 보라.
코드:<INPUT type=button value="attachEvent 재설정" onclick="document.detachEvent('ondblclick',callFunc);document.attachEvent('ondblclick',callFunc)"></SPAN> 결과:
clearAttributes 개체의 모든 애트리뷰트들과 값들을 삭제한다.
cloneNode 문서 계통도로부터 개체의 참조를 복사한다.
componentFromPoint 어떤 이벤트에서 지정된 좌표에 위치한 콤포넨트를 반환한다.
createTextRange 엘레멘트를 위한 TextRange 개체를 생성한다.
detachEvent IE5 - attachEvent 이벤트로 첨부된 이벤트를 제거한다. 반환값은 없다.
문법: .detachEvent(event,funcion)
코드: <INPUT type=button value="detachEvent" onclick="document.detachEvent('ondblclick',callFunc)"></SPAN>
결과: // 클릭 후에는 attachEvent에서 설정된 이벤트가 제거된다. 제거 후 더블클릭해 보라.
fireEvent 개체에서 지정한 이벤트를 발생시킨다.
getAdjacentText 개체의 인접 문자열을 반환한다.
getAttribute 지정된 애트리뷰트의 값을 반환한다.
getAttributeNode IE6 attribute.name속성을 참조하는 attribute 개체를 반환한다.
getExpression 주어진 속성의 표현(expression)을 반환한다.
insertAdjacentElement 지정한 위치에 엘레멘트를 삽입한다.
insertAdjacentHTML 엘레멘트의 지정된 위치에 주어진 HTML 문자열을 삽입한다.
insertAdjacentText 엘레멘트의 지정된 위치에 주어진 문자열을 삽입한다.
mergeAttributes 지정된 개체에 모든 읽기/쓰기 애트리뷰트를 복사한다.
normalize IE6 개체의 인접 TextNode 개체를 통합하여 문서 개체 모델을 정상화한다.
releaseCapture 현재 문서의 개체로 부터 마우스 캡쳐를 제거한다.
removeAttribute 개체로 부터 애트리뷰트를 제거한다.
removeAttributeNode IE6 개체로 부터 애트리뷰트 개체 노드를 제거한다.
removeBehavior 개체로부터 behavior를 제거한다.
removeChild 개체로부터 자식 노드를 제거한다.
removeExpression 지정한 속성으로부터 표현(expression)을 제거한다.
replaceAdjacentText 개체에 인접 문자열을 교체한다.
replaceChild 현재의 자식 엘레멘트를 새로운 자식 엘레멘트로 교체한다.
setActive 개체에 초점을 주지 않은 상태에서 활성으로 설정한다.
setAttribute 지정된 애트리뷰트를 설정한다.
setAttributeNode IE6 개체의 부분으로 애트리뷰트 개체 노드를 설정한다.
setCapture 현재 문서에 소속된 개체의 마우스 캡쳐를 설정한다
setExpression 지정된 개체의 표현(expression)을 설정한다.
swapNode 문서 계통도에서 두 개체의 위치를 서로 바꾼다.
watchunwatch NS 개체는 Object 개체의 watchNSunwatchNS 메서드를 전달받는다.

이벤트설명
onactivate 엘레멘트 개체가 activeElement 속성으로 설정되면 발생한다.
onafterupdate 데이터 원본이 있는 개체가 성공적으로 업데이트되면 데이터를 갖는 개체에 발생한다.
onbeforedeactivate 모체 문서에서 activeElement 속성의 엘레멘트 개체가 현재 개체로 다른 개체로 변경되기 바로 전에 발생한다.
onbeforeeditfocus 편집 가능한 개체가 활성화되거나 편집 가능한 용기에 제어 선택이 이루어 지기 바로 전에 발생한다.
onbeforeupdate 원본 데이터를 갖는 개체의 연관된 데이터가 업데이트되기 바로 전에 데이터를 받는 개체에 발생된다.
oncontrolselect 사용자가 개체의 제어 선택을 하려고 할 때 발생한다.
ondeactivate 모체 문서에서 activeElement 속성의 엘레멘트 개체가 현재 개체로 다른 개체로 변경되면 발생한다.
onerrorupdate 데이터 원천 개체에서 관련된 데이터가 업데이트되는 동안에 오류가 발생되면 발생된다.
onfocus 예제 IE NS 개체가 초점을 받으면 발생되고 JsCode를 수행한다.
문법: .onfocus='JsCode'
onlosecapture 개체가 마우스 캡쳐(capture)를 해제하면 발생한다.
onmove 개체가 이동하면 발생한다.
onmoveend 개체의 이동이 중지되면 발생한다.
onmovestart 개체가 이동하기 시작하면 발생한다.
onpropertychange 개체의 속성을 변경발생한다.
onreadystatechange 개체의 준비상태(readyState) 속성을 변경시키면 발생한다.
onresizeend 제어 섹션에서 개체의 크기 변경이 완료되면 발생한다.
onresizestart 제어 섹션에서 개체의 크기 변경이 시작되면 발생한다.
ontimeerror 일반적으로 유효하지 않은 값의 결과에 의하여, 시간을 지정하는 오류가 일어나면 발생된다.

Behavior설명
clientCaps Explorer에 대한 정보를 제공하고 요청에 의하여 브라우저의 콤포넨트를 설치하는 방법늘 제공한다.
download 파일을 다운로드하고 완료되면 완료를 알려주는 기능을 갖고있다.
homePage 사용자의 홈페이지에 대한 정보를 포함하고 있다.
httpFolder 브라우저가 항해할 때 폴더를 볼수 있는 스크립트 기능이 포함되어 있다.
saveFavorite 개체가 즐겨찾기(favorite)에 데이터를 유지하게 한다.
saveHistory 개체가 방문한 기록(history)에 데이터를 유지하게 한다.
saveSnapshot 개체가 웹페이지가 저장될 때 데이터를 유지하게 한다.
time (불량) HTML 엘레멘트에 활성 시간을 제공한다.
time2 HTML 엘레멘트나 엘레멘트 구룹에 활성 시간을 제공한다.
userData 개체가 데이터를 사용자 데이터(user data)에 유지하게 한다.