JavaScript

[js] JS - form 속성 - INPUT 텍스트 필드 포함하는 FORM 객체 반환 (= form속성 = 폼속성) ※ 인풋 폼 속성

목차

  1. form 예제 - INPUT 텍스트 필드 포함하는 FORM 객체 반환
  2. form 정의
  3. form 구문

 

form 예제 - INPUT 텍스트 필드 포함하는 FORM 객체 반환

 

<form id="hzForm">

  사이트: <input type="text" id="hz" value="Homzzang.com">

</form>


<button onclick="homzzang()">클릭</button>


<p id="demo1"></p>

<p id="demo2"></p>

<p id="demo3"></p>

<p id="demo4"></p>


<script>

function homzzang() {

  var x = document.getElementById("hz").form;

  demo1.innerHTML = x; // [object HTMLFormElement]

  demo2.innerHTML = x.id; // hzForm

  demo3.innerHTML = x.elements; // [object HTMLFormControlsCollection]

  demo4.innerHTML = x.elements.length; // 1

}

</script>

 

결과보기

 

form 정의

 

INPUT 텍스트 필드 포함하는 FORM 객체 반환.

 


 

1.

form 속성은 읽기전용. (즉, 설정 불가.)

 

2.

모든 브라우저 지원.

 

 

form 구문

 

FORM 객체 반환

textObject.form

 


PS.

 

FORM 객체의 ID 반환 ★

textObject.form.id

 

FORM 객체에 속하는 요소집합 객체 반환

textObject.form.elements

 

FROM 객체에 속하는 요소집합 객체의 요소 개수 반환 ★

textObject.form.elements.length




분류 제목
Basic JS - Home (JS입문) + Javascript Framework (프레임워크) 종류
Basic JS - Intro (JS소개)
Basic JS - Where To (JS위치) - JS구문 / JS코드위치 / JS사용법 ※ JS외부링크 주의사항
Basic JS - Output (JS출력= JS쓰기) ★★★★★ document.write() = 다큐먼트라이트
Basic JS - Syntax (JS구문) ★
Basic JS - Statement (JS구문= JS명령문)
Basic JS - Comment (JS주석)
Basic JS - Variable (JS변수) ★★★★★
Basic JS - Operator (연산자) - JS연산자 ★★★★★
Basic JS - Data Type - 데이터유형 ★★★★★ (= 데이터형식 = 데이터타입 = 데이터종류 = 자료형…
Basic JS - Function - JS함수 ★★★★★ ※ 일반함수 특징 2
Basic JS - Object - JS객체 ★★★★★
Basic JS - Scope - JS유효범위 (= JS접근범위 = 변수 종류) ★★★★★★★★★★
Basic JS - Event - JS이벤트 (= JS코드실행방법) ★★★★★
Basic JS - Strings - JS문자열
1/89
목록
 홈  PC버전 로그인 일본어
그누앞단언어 1
그누뒷단언어
그외코딩언어
그누보드
제작의뢰
Q&A
커뮤니티 1
웹유틸
회원센터
홈짱닷컴 PC버전 로그인