무아지경

select 태그 사용 예시 본문

퍼블리싱/HTML5 + CSS3

select 태그 사용 예시

블리셔 2018. 5. 30. 16:16

select 태그 사용 예시



- optgroup 태그로 그룹화 할 수 있다.

- onchange="window.open(value,'_blank');" ==>링크걸때 사용 


- 예제  


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<select name="none" onchange="window.open(value,'_blank');">
     <option value="none" >------ 관련 사이트 ------</option>
          <optgroup label="그룹001">
                <option value="http://kosen21.org">코센(KOSEN)</option>
                <option value="https://www.nkis.re.kr:4445">국가정책연구포털(NKIS)</option>
                <option value="http://www.eaerweb.org">East Asian Economic Review</option>
          </optgroup>
          <optgroup label="그룹002">
                <option value="http://www.kisti.re.kr">한국과학기술정보연구원</option>
                <option value="http://www.nrc.re.kr">경제인문사회연구회</option>
                <option value="http://www.kiep.go.kr">대외경제정책연구원</option>
          </optgroup>
          <option value="http://www.google.com">구글</option>
          <option value="http://www.naver.com">네이버</option>
          <option value="http://www.daum.net">다음</option>
</select>
cs



저작자표시 변경금지

'퍼블리싱 > HTML5 + CSS3' 카테고리의 다른 글

mailto:...@..." (이메일/전화/문자 링크 걸기)  (0) 2018.05.30
box-sizing:border-box  (0) 2018.05.30
tabindex="n"  (0) 2018.05.30
word-break:break-all  (0) 2018.05.30
본문 바로가기 for 스크린리더  (0) 2018.05.18
'퍼블리싱/HTML5 + CSS3' Related Articles more
Comments