input 박스 name과 id의 차이

input Box 속성 name과 id의 차이

▶ name

(1) document.폼객체명.폼원소명.value

(2) document.getElementsByName("name")

name은 page 안에서 중복되어 사용이 가능하며 action에 해당하는 페이지로 전달하는 파라미터로 사용

GET/POST 방식으로 값을 전달하고 싶은 tag에 사용. Form 객체들(input , radio box ,checkbox )에서 전송되어지는 Parameter의 Key값으로 사용

서버단에서는 request.getParameter(parameterName) 이런 식으로 값을 가져옴

▶ id
(1) document.all.id.value
(2) id.value
(3) document.getElementById("폼 id").value

id는 page 안에서 중복 사용 불가하며 주로 JavaScript에서 다룰려고 지정.

name도 자바스크립트로 속성이나 값을 변경 할 수 있으나 중복값을 갖기 때문에 id로 접근하는 것을 주로 사용.

document.getElementById(id) 를 통해서 해당 엘리먼트Object 를 가져옴.

XML문서(DOM Tree) 내에서 node를 식별하는 용도로 사용되어 페이지 안에 이름이 한개만 존재해야 함.

보통은 특정 tag를 지정하기 위해서 사용. 태그 내용을 바꾸는 dhtml 작업에서 주로 사용.

참고로 id로 설정된 값은 서버쪽으로 파라미터로 넘어가지 않기 때문에 서버쪽에서 접근이 안됨.