메뉴 건너뛰기

XE Guidebook

조회 수 383 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

 

◆ <form> 태그의 입력 양식 정보 제어하기 위한 객체

 

 

● <form> 태그

 

형식

- document.폼객체명(name속성).속성

- document.폼객체명(name속성).메서드

속성

- action: 이동할 파일명 또는 URL

- elements: 입력양식을 배열로 정의

- name: 폼 태그 안의 name속성 반환

- target: 폼 태그 안의 target속성 반환

- method: 폼 태그 안의 메서드 속성 반환(POST, GET)

메서드

- submit(): 입력양식에 입력한 내용을 서버로 보냄

- reset(): 입력한 내용을 초기화

 

 

Text객체/ Textarea객체 / Password객체

 

형식

- document.폼객체명.text객체명.속성

- document.폼객체명.text객체명.메서드(:document.test_form.fname.focus())

속성

- value: text에 입력한 문자열을 알아냄

- defaultValue: 기본적으로 setting 되어 있는 문자열

메서드

- blur(): 텍스트 입력 양식의 커서를 제거함

- focus(): 폼 양식 안에서 커서의 위치를 지정

- eval(): 문자열로 입력된 수식을 계산해 주는 내장함수

- select(): 텍스트 입력 양식 안에 있는 문자열을 모두 선택

 

  

Hidden객체(숨겨진 입력양식을 위한 객체

 

속성

- value: text객체에 입력한 문자열을 알아냄

메서드

- eval(): 문자열로 입력된 수식을 계산해 주는 내장함수

 

  

Checkbox 객체(사용자로부터 여러 개의 입력을 받을 수 있도록 함

 

속성

- value: input 태그에서 value 속성

- checked: 체크를 설정하거나 반환

메서드

- blur(): 텍스트 입력 양식의 커서를 제거함

- focus(): 폼 양식 안에서 커서의 위치를 지정

- eval(): 문자열로 입력된 수식을 계산해 주는 내장함수

- click(): 체크박스를 클릭함

 

 

 Radio 객체(같은 그룹에서는 하나의 입력을 받기위한 객체)

 

속성

- value: input 태그에서 value속성

- length: 같은 그룹 안에 있는 버튼 개수 반환

- checked: 체크상태 설정

메서드

- blur(): 텍스트 입력 양식의 커서를 제거함

- focus(): 폼 양식 안에서 커서의 위치를 지정

- eval(): 문자열로 입력된 수식을 계산해 주는 내장함수

- click(): 버튼을 클릭함

** name값이 동일하기 때문에 참조할 때 name값이 배열로 들어가게 된다.

** form객체에서 이벤트this를 인자로 넘겨주면 각각의 객체가 넘어가게 된다.

 

  

Select객체(리스트나 콤보박스를 위한 객체)

   리스트 안에 들어있는 값을 가져오기 위해서 options[]배열을 이용한다. , options[]배열 내부에는 리스트 안에 값이 들어있다.

 

속성

- length: 항목의 개수를 알아냄

- selectedlindex: 선택된 항목의 인덱스 번호를 반환

- options: <옵션 태그 정보를 배열로 포함>

- name: name속성

메서드

- blur(): 커서가 제거되었을 때의 동작설정

- window.print(): 인쇄 창을 보여주는 메서드

 

 


List of Articles
번호 분류 제목 조회 수 글쓴이
32 기타 PHP 웹프로그래밍을 위한 Windows에 APM 설치하기 file 384 happiziger
31 기타 Windows에 Apache + PHP 설치하기 file 3485 happiziger
30 PHP 강좌 2-26 Property 만들기 443 happiziger
29 PHP 강좌 2-25 이중 for문(반복문) 한 번에 빠져나가기 931 happiziger
28 PHP 강좌 2-24 함수에서 변수 주소 받기 408 happiziger
27 PHP 강좌 2-23 file_exists() : 파일의 존재 여부 확인 함수 497 happiziger
26 PHP 강좌 2-22 연관어 배열 328 happiziger
25 PHP 강좌 2-21 연관어 검색(키값 출력 및 정렬) 429 happiziger
24 PHP 강좌 2-20 객체를 함수로 인자 전달하기 538 happiziger
23 PHP 강좌 2-19 배열(array())의 다양한 용도 419 happiziger
22 PHP 강좌 2-18 header() 함수 : 문자셋 지정 1039 happiziger
21 PHP 강좌 2-17 환경 변수 394 happiziger
20 PHP 강좌 2-16 세션 338 happiziger
19 PHP 강좌 2-15 쿠키(Cookies) 354 happiziger
18 PHP 강좌 2-14 iconv() : 인코딩함수 395 happiziger
17 PHP 강좌 2-13 class 객체 배열 사용하기 901 happiziger
16 PHP 강좌 2-12 class 상속 333 happiziger
15 PHP 강좌 2-11 class, var $, this 409 happiziger
14 PHP 강좌 2-10 include()와 require() 310 happiziger
» PHP 강좌 2-09 <form> 태그의 입력 양식 정보 제어하기 위한 객체 383 happiziger
Board Pagination Prev 1 2 Next
/ 2