LuceteMango:)

- optGroup : 

* <select> 의 <option> 요소들을 그룹으로 묶어 주는 역할

* <optgroup> 으로 만든 그룹은 중첩하여 사용할 수 없다.

* <optgroup>는 반드시 <select> 내부에서 사용되어야 한다.

* IE6 에서는 label 속성을 지원하지 않으므로 주의해야 한다.

- optgroup 태그 속성

* class : 문서의 요소를 식별합니다.

* dir : HTML의 일세 속성은 HTML 문서의 요소 안에 있는 텍스트의 방향을 설정합니다.

* disabled : 요소를 사용하지 않도록 하는 것 입니다.

* id :문서의 요소를 식별합니다.

* label : 풀다운 메뉴에서 옵션이나, 옵션 그룹에 대한 레이블을 지정합니다.

* lang : 요소내용의 언어를 지정합니다.

* style : 요소에 대한 인라인 스타일을 지정합니다.

* title : 문서에 대한 제안제목을 열 수 있습니다.

- optgroup 태그 이벤트

* onclick : 마우스 클릭

* ondblclick : 마우스 두번 클릭

* onmousedown : 마우스 버튼을 누를 때

* onmouseup : 마우스 번은을 누른 후

* onmouseover : 마우스 포인터가 요소 위에 이동할 때

* onmousemove : 마우스 포인터가 이동할 때

* onmouseout : 마우스 포인터가 요소에서 이동할 때

* onkeypress : 키를 누르면

* onkeydown : 키를 눌렀을 때

* onkeyup : 키가 누른 후에

- HTML <A> 태그의 TARGET 속성의 값

1] 일반적인 예)

<a href="http://lucetedaniel.tistory.com">내 티스토리 블러그</a>

2] 속성 TARGET 의 종류

1. _blank

- 링크된 내용을 새로운 창으로 보여준다.

2. new

- 링크된 내용을 새로운 창으로 보여준다.

3. _self

- 현재의 창에 링크된 내용을 보여준다.

4. _top

- 현재의 창이 프레임으로 구성되어 있을때 프레임이 사라지고 하나의

  화면에 링크된 내용을 보여준다.

5. _parent

- 링크 부분이 있는 프레임에 새로운 프레임이 만들어져 링크된 내용을 보여준다.

3] TARGET 사용 예

<a href="http://lucetedaniel.tistory.com" target="_blank">내 티스토리 블러그</a>

- HTML 속성 id 와 name 의 차이

[HTML] 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로 설정된 값은 서버쪽으로 파라미터로 넘어가지 않기 때문에 서버쪽에서 접근이 안된다.

* 파이어 폭스나 크롬에서는 document.getElementById는 id로만 읽습니다.