form의 여러가지 입력 제어들을 생성한다.

Script [propVal=]..propName;
HTML propName="propVal">innerString
특기

form 개체의 INPUT 엘레멘트에 사용되는 type 애트리뷰트는 다음과 같다.

button checkbox file hidden image
password radio reset submit text

이 엘레멘트는 인라인 엘레멘트이다.

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

참조
button select textArea

이 개체는 (영문)HTML3.2에 정의되었고 (영문)DOM Level 1(W3C Document Object Model)에 정의되었다.


설명을 위한 예제

accept 속성 IE6 NS (accept="sVal"> 애트리뷰트)
⇒ 컴마로 분리된 컨텐드 타입들의 목록을 반환하거나 지정한다.
문법: .accept[=sVal]
코드: document.write(oObj.accept) 결과:
align 속성 IE (align=sVal> 애트리뷰트)
⇒ 개체의 정렬 위치를 반환하거나 지정한다. 단 INPUT type=image에서만 적용된다.
문법: .align[=sVal]
코드: document.write(oObj.align);
alt 속성 IE NS (alt="sVal"> 애트리뷰트)
⇒ 개체의 지정된 대체문자열(규격 alt) 문자열을 반환하거나 지정한다.
문법: .alt[=sVal]
코드: document.write(oObj.alt) 결과:
complete 속성 IE NS
⇒ 개체가 완전히 로딩되었는가를 부울값으로 반환한다.
문법: [bVal=].complete
코드: document.write(oObj.complete) 결과:
dynsrc 속성 IE NS (dynsrc="urlVal"> 애트리뷰트)
⇒ 윈도우에 디스플레이될 비디오나 VRML을 반환하거나 지정한다.
문법: .dynsrc[=urlVal]
코드: document.write(oObj.dynsrc) 결과:
hspace 속성 IE (hspace=iVal> 애트리뷰트)
⇒ 개체의 수평 마진을 반환하거나 지정한다.
문법: .hspace[=iVal]
코드: document.write(oObj.hspace); 결과:
loop 속성 IE (loop=Val> 애트리뷰트)
⇒ 음악이나 비디오 플레이를 몇번 반복할 것인가를 반환하거나 지정한다.
문법: .loop[=Val]
코드: document.write(oObj.loop); 결과:
lowsrc 속성 IE NS (lowsrc="sVal"> 애트리뷰트)
⇒ 디스플레이될 저해상도 이미지를 반환하거나 지정한다.
문법: .lowsrc[=sVal]
코드: document.write(oObj.lowsrc) 결과:
start 속성 IE NS (start="sVal"> 애트리뷰트)
⇒ 비디오가 언제 플레이될 것인가를 나타내는 문자을 반환하거나 지정한다.
문법: .start[=sVal]
코드: document.write(oObj.start) 결과:
useMap 속성 IE (useMap="sVal"> 애트리뷰트)
⇒ 자주 북마크 확장자(#name)와 함께 사용자측 이미지맵으로 사용하기 위한 주소을 반환하거나 설정한다.
문법: .useMap[=sVal]
코드: document.write(oObj.useMap); 결과:
value 속성 IE (value="vVal"> 애트리뷰트)
⇒ 개체의 속성값을 반환하거나 설정한다.
문법: .value[=vVal]
코드: document.write(oObj.value); 결과:
vspace 속성 IE (vspace=iVal> 애트리뷰트)
⇒ 개체의 수직 마진을 반환하거나 지정한다.
문법: .vspace[=iVal]
코드: document.write(oObj.vspace); 결과:

stylescript
{layout-flow:val} obj.style.layoutFlow[=val]
⇒ 개체 내용의 방향이나 흐름방향을 반환하거나 설정한다.
{text-underline-position:val} obj.style.textUnderlinePosition[=val]
⇒ 개체의 textDecoration 속성이 'underline'로 설정된 경우 밑줄의 위치를 반환하거나 설정한다.
{word-wrap:val} obj.style.wordWrap[=val]
⇒ 내용이 용기 개체의 범위를 초과하면 단어를 자를 것인가를 반환하거나 설정한다.
{writing-mode:val} obj.style.writingMode[=val]
⇒ 개체속 내용의 방향이나 흐름을 반환하거나 설정한다.
{zoom:val} obj.style.zoom[=val]
⇒ 개체의 확대 배율을 반환하거나 설정한다.

Behavior설명
mask DHTML 개체들에 마스크 비헤이버를 허용한다.

개체 예제

성명

암호

색상 적색 녹색 청색

특기

회신 요청

결과 표시창
<SCRIPT>
function showValues(){
  obj=document.forms(1);
  str='';
  for (i=0;i< obj.elements.length;i++){
    str+=obj[i].nodeName+' type="'+obj[i].type+'" name="'+obj[i].name+'" value="'+obj[i].value+'"<BR>';
  }
  showA.innerHTML=str;
}
</SCRIPT>
<FORM id="formName" action="http://koxo.com/lang/js/object/exp/xsubmit.cgi" method=get>
<P>성명 <INPUT name="inObj" type=text value="홍길동">
<P>암호 <INPUT name="passObj" type="password" value="암호">
<P>색상 <INPUT type="radio" name="butObj" value="red" checked>적색
<INPUT type="radio" name="butObj" value="green">녹색
<INPUT type="radio" name="butObj" value="blue">청색
<P>특기 <INPUT name="in2Obj" type="text"  size="30" maxlength="250" value="특기 입력">
<P><INPUT name="checkObj" type=checkbox checked>회신 요청</P>
<P style="margin-left:3em"><INPUT name="showBut" type=button value="내용보기" onclick="javascript:showValues()">
<INPUT name="submitBut" type="submit" value="송신">
<INPUT name="resetBut" type="reset" value="다시"></P>
</FORM>
<DIV id=showA>결과 표시창</DIV>