개체의 input 제어 형식을 반환하거나 초기설정한다.

	Script	object.type=[sVal]
	HTML	<ELEMENT type="sVal">

인수

sVal : (속성 문자열)

type 속성값은 form 개체의 input 제어 형식을 나타내는 문자열이다.

button	단추 입력 제어를 생성한다.
checkbox	체크박스 선택을 통하여 사용자가 단순 선택할 수 있는 제어를 생성한다. 여러개의 선택을 한번에 할 수 있는 점이 radio 선택과 다르다. 각 입력은 별도의 체크박스 제어로 각각 별도의 name을 갖고, 중복된 것이 있더라도 각각 별도의 이름(name)과 값(value)의 짝들을 서버에 송신한다. 디폴트 값은 on이다.
file	파일 업로드 입력 제어를 생성한다.
hidden	감추어진 속성값 입력 제어를 생성한다. 그러나 form이 송신될 때 value 속성값이 서버에 송신된다.
image	이미지를 클릭할 수 있고 form에서 즉시 송신할 수 있는 이미지 제어를 생성한다. 선택된 점의 좌표들은 이미지의 좌측상단으로 부터의 픽셀단위 거리로 측정되고 이름(name)과 값(value)의 짝들을 서버에 송신한다. 수평좌표는 x 제어 이름으로, 수직좌표는 y 제어 이름으로 첨부된다. value 속성값은 무시된다. src 속성으로 지정된 이미지는 img 개체와 꼭 같다.
password	한줄 암호 텍스트 입력 제어를 생성한다. text와 같으나 모든 글자가 *로 디스플레이되는 점만 다르다.
radio	레이도 선택을 통하여 사용자가 여러 선택 중 배타적으로 한가지만 선택할 수 있는 제어를 생성한다. 여러기의 선택이 있더라도 그 name이 같은 구룹 중에서 한 선택만 선택할 수 있다. 송신될 때는 name과 선택된 레디오 단추의 value 짝만 송신된다. 레디오 단추는 명시적인 value 속성값이 있어야 한다.
reset	재설정 입력 제어를 생성한다. 해당 form 속의 모든 입력필드의 값을 초기값으로 환원한다. 이 단추의 표면에 표현되는 문자열은 submit 단추에서와 마찬가지로 value 속성값으로 설정할 수 있다.
submit	송신 제어를 생성한다. 해당 form 속의 모든 입력필드의 이름(name)과 값(value)의 짝들을 서버에 송신한다. 단추의 표면에 표현되는 문자열은 reset 단추에서와 마찬가지로 value 속성값으로 설정할 수 있다.
text	디폴트이며, 한줄 텍스트 입력 제어를 생성한다. size와 maxLength 속성과 연계하여 값을 입력하는데 사용된다.

이 속성은 읽기/쓰기로 디폴트값은 text이다.

특기

IE5에서 type 속성은 읽기/쓰기이지만, input 엘레멘트가 createElement 메서드로 생성되고 문서에 첨부되기 전에 한번만 쓰기할 수 있다.

적용

개체	script	HTML	규격	IE
button	button.type[=sVal]	<INPUT type=button type="sVal">	HTML	IE3.02(win16,win32,mac),IE4.0(ce,unix)
checkbox	checkbox.type[=sVal]	<INPUT type=checkbox type="sVal">	HTML	IE3.02(win16,win32,mac),IE4.0(ce,unix)
FileUpload	FileUpload.type[=sVal]	<INPUT type=file type="sVal">	HTML	IE3.02(win16,win32,mac),IE4.0(ce,unix)
hidden	hidden.type[=sVal]	<INPUT type=hidden type="sVal">	HTML	IE3.02(win16,win32,mac),IE4.0(ce,unix)
image	image.type[=sVal]	<INPUT type=image type="sVal">	HTML	IE3.02(win16,win32,mac),IE4.0(ce,unix)
password	password.type[=sVal]	<INPUT type=password type="sVal">	HTML	IE3.02(win16,win32,mac),IE4.0(ce,unix)
radio	radio.type[=sVal]	<INPUT type=radio type="sVal">	HTML	IE3.02(win16,win32,mac),IE4.0(ce,unix)
reset	reset.type[=sVal]	<INPUT type=reset type="sVal">	HTML	IE3.02(win16,win32,mac),IE4.0(ce,unix)
submit	submit.type[=sVal]	<INPUT type=submit type="sVal">	HTML	IE3.02(win16,win32,mac),IE4.0(ce,unix)
text	text.type[=sVal]	<INPUT type=text type="sVal">	HTML	IE3.02(win16,win32,mac),IE4.0(ce,unix)

참고

이 속성은 (영문) HTML 3.2와 (영문) W3C DOM Level 1(Document Object Model)에서 정의되었다.

property ⇒

type 속성⇒

⇒

form 개체의 type 속성 예제

<FORM name="formObj" onsubmit="return false">
<INPUT name="in1Obj" type="button" value="단추 개체">
<INPUT name="in2Obj" type="reset" value="재설정">
<INPUT name="in3Obj" type="submit" disabled value="송신">&nbsp;
<BUTTON name="in4Obj">단추 개체</BUTTON>
</FORM>
<BR>
<SCRIPT>
str='formObj.in1Obj.type=<FONT color=blue>'+formObj.in1Obj.type+'</FONT><BR>';
str+='formObj.in2Obj.type=<FONT color=blue>'+formObj.in2Obj.type+'</FONT><BR>';
str+='formObj.in3Obj.type=<FONT color=blue>'+formObj.in3Obj.type+'</FONT><BR>';
str+='formObj.in4Obj.type=<FONT color=blue>'+formObj.in4Obj.type+'</FONT><BR>';
document.write(str);
</SCRIPT>

property ⇒

type 속성⇒

⇒

formObj.type 속성 예제

<FORM name=testForm>
<INPUT type='text' name=input1 value='input1'>
<INPUT type='password' name=input2 value='input2'>
<INPUT type='file' name=input3 value='input3'>
<INPUT type='hidden' name=input4 value='input4'>
<INPUT type='button' name=input5 value='input5'>
<INPUT type='reset' name=reset value='reset'>
</FORM>
</DIV>
<DIV class=show id=showB></DIV>

<SCRIPT>
obj=document.forms.testForm; // 개체를 단축하기 위한 obj 개체 선언
str='obj.name='+obj.name+'<BR><BR>'; // form 개체를 단축한 obj 개체 이름 출력
for (i=0;i<obj.elements.length;i++){ // 각 엘레맨트 개체를 접속하는 루프
  str+='obj.elements['+i+'].name="'+obj.elements[i].name; // 각 엘레맨트 개체의 명칭 출력
  str+='" obj.elements['+i+'].type="'+obj.elements[i].type+'"<BR>'; // 각 엘레맨트 개체의 타입 출력
} // 루프 종료

showB.innerHTML=str; // 결과 문자자열 출력
</SCRIPT>

property ⇒

type 속성

⇒

최종 수정: 06/25/2025 03:07:13

All right reserved

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/property/type_inbutton.html