자바스크립트(JavaScript) Form 객체 : 입력양식에 관한 객체

브라우저 객체별 속성과 메소드 (Ⅱ)

 

Form 객체 : 입력양식에 관한 객체

<form name=myform> 태그에 의해 생성되는 객체입니다

 

 

 

 

 

객체 모양	설명
	<input type=" text " name="formtext1">
	<input type=" password " name="formtext2">
	<input type=" file " name="formtext3">
	< textarea name="formtextarea1" rows="3">< /textarea >
	<input type=" checkbox " name="formcheckbox1">
	<input type=" radio " name="formradio1">
option 1 option 2 option 3 option 4	< select name="formselect1" size="1"> <option value="option 1">option 1</option> <option value="option 2">option 2</option> <option value="option 3">option 3</option> <option value="option 4">option 4</option> < /select >
	<input type=" button " name="formbutton1" value="button">
	<input type=" submit " name="formbutton2">
	<input type=" reset " name="formbutton3">
	<input type=" image " name="formimage1" src="img.gif" width="30" height="22" border="0">

2.3.10. button 객체 : 폼 객체의 하위객체인 버튼 객체입니다

<input type=button> 태그에 의해 생성되는 객체 입니다

 

 

 

 

 

 

속성	action	폼 태그의 action 속성
	button	버튼 객체
	checkbox	체크박스 객체
	elements	폼의 하위 객체
	encoding	폼태그의 enctype 속성
	fileupload	fileupload 객체
	hidden	hidden 객체
	length	엘리먼트의 개수
	method	폼 태그의 method 속성
	name	form 의 이름
	password	password 객체
	radio	radio 객체
	reset	reset 객체
	select	select 객체
	submit	submit 객체
	target	폼태그의 target 속성
	text	text box 객체
	textarea	textarea 객체
메소드	submit()	폼 양식을 전송합니다
	reset()	폼 양식을 초기화 합니다

2.3.11. checkbox 객체 : 폼 객체의 하위객체인 체크박스 객체

<input type=checkbod> 태그에 의해 생성되는 객체 입니다

 

 

 

 

 

 

속성	form	버튼의 상위 폼 객체
	name	버튼의 이름
	type	버튼의 타입
	value	버튼의 값
메소드	blur()	포커스 해제
	click()	버튼을 클릭
	focus()	버튼에 포커스를 줍니다

2.3.12. fileupload 객체 : 폼 객체의 하위객체인 fileupload 객체

<input type=file> 태그에 의해 생성되는 객체 입니다

 

 

 

 

 

 

속성	checked	체크되어 있는지 여부(true/false)
	defaultChecked	기본값으로 체크되어 있는지 여부(true/false)
	form	상위 폼 객체
	name	체크박스의 이름 속성
	type	체크박스의 타입 속성
	value	체크박스의 value 속성
메소드	blur()	포커스를 해제합니다
	click()	체크박스를 클릭합니다
	focus()	포커스를 줍니다

2.3.13. hidden 객체 : 폼의 하위 객체인 hidden 객체

<input type=hidden> 태그에 의해 생성되는 객체 입니다

 

 

 

 

 

속성	form	상위 폼 객체
	name	name 속성
	type	type 속성
	value	value 속성
메소드	blur()	포커스를 해제합니다
	focus()	포커스를 줍니다

2.3.14. password 객체 : 폼의 하위객체인 password 객체입니다

<input type=password> 태그에 의해 생성되는 객체 입니다

 

 

 

 

 

 

속성	form	상위 폼 객체
	name	name 속성
	type	type 속성
	value	value 속성

2.3.15. radio 객체 : 폼의 하위객체인 라디오버튼 객체입니다

<input type=radio> 태그에 의해 생성되는 객체 입니다

 

 

 

 

 

속성	form	상위 폼 객체
	name	name 속성
	type	type 속성
	value	value 속성
메소드	blur()	포커스를 해제합니다
	focus()	포커스를 줍니다

2.3.16. reset 객체 : 폼의 하위객체인 reset 버튼 객체입니다

<input type=reset> 태그에 의해 생성되는 객체 입니다

 

 

 

 

 

속성	checked	체크되어 있는지 여부(true/false)
	defaultChecked	기본값으로 체크되어 있는지 여부(true/false)
	form	상위 폼 객체
	length	라디오버튼의 개수
	name	name 속성
	type	type 속성
	value	value 속성
메소드	blur()	포커스를 해제합니다
	click()	버튼을 클릭합니다
	focus()	포커스를 줍니다

2.3.17. submit 객체 : 폼의 하위 객체인 submit 객체입니다

<input type=submit> 태그에 의해 생성되는 객체 입니다

 

 

 

 

 

속성	form	상위 폼 객체
	name	name 속성
	type	type 속성
	value	value 속성
메소드	blur()	포커스를 해제합니다
	click()	버튼을 클릭합니다
	focus()	포커스를 줍니다

2.3.18. text 객체 : 폼의 하위객체인 텍스트박스 객체입니다

<input type=text> 태그에 의해 생성되는 객체 입니다

 

 

 

 

 

속성	form	상위 폼 객체
	name	name 속성
	type	type 속성
	value	value 속성
메소드	blur()	포커스를 해제합니다
	click()	버튼을 클릭합니다
	focus()	포커스를 줍니다

2.3.19. select 객체 : 폼 버튼의 하위객체인 목록상자 객체입니다. 하위객체로 option을 가지고 있습니다

<select><option></option></select> 태그에 의해 생성되는 객체 입니다

option 1 option 2 option 3

 

 

 

 

 

 

속성	defaultValue	text box 의 초기문자열
	form	상위 폼 객체
	name	name 속성
	type	type 속성
	value	value 속성
메소드	blur()	포커스를 해제합니다
	select()	텍스트박스 입력란의 문자열을 선택합니다
	focus()	포커스를 줍니다

2.3.20. textarea : 폼의 하위객체인 textarea 객체입니다

<textarea></textarea> 태그에 의해 생성되는 객체 입니다

<SPAN style="COLOR: #333333">입력상자 </SPAN>

 

 

 

 

 

속성	form	상위 폼 객체
	length	option 의 수
	name	name 속성
	options	option 객체
	selectedIndex	선택된 항목의 index
	type	type 속성(select 유형)
메소드	blur()	포커스를 해제합니다
	focus()	포커스를 줍니다
option객체의 속성	defaultSelected	기본값으로 선택된 항목(true/false)
	index	현재옵션의 인덱스
	selected	선택된 상태(true/false)
	text	<option> 다음에 오는 문자열
	value	value 속성

속성	defaultValue	초기문자열
	form	상위 폼 객체
	name	name 속성
	type	type 속성
	value	value 속성
메소드	blur()	포커스를 해제합니다
	select()	textarea 입력란의 문자열을 선택합니다
	focus()	포커스를 줍니다

 

[ 출처 : http://www.javascript.co.kr/ ]