• 회원가입
  • 로그인
  • 구글아이디로 로그인

[attribute] HTML - selected 속성 ★ - 실렉트태그 기본 선택 옵션 지정 (= selected속성 = 실렉티드속성/셀렉티드속성)

목차
  1. selected 예제 - 페이지 로드 시 기본 선택된 옵션 표시
  2. selected 정의
  3. selected 구문

 

selected 예제 - 페이지 로드 시 기본 선택된 옵션 표시

 

<select id="langs" name="langs">

  <option value="">선택없음</option>

  <option value="html">HTML</option>

  <option value="css">CSS</option>

  <option value="js">JS</option>

  <option value="php" selected>PHP</option>

  <option value="sql">SQL</option>

</select>

 

결과보기

 

selected 정의

 

페이지 로드 시, 기본으로 선택된 옵션 지정하는 참거짓 속성.

 


 

1. selected 속성 사용 가능 태그 종류

<option>

 

2.

  • selected 속성 지정된 옵션이 페이지로드 시 먼저 표시됨.
  • JS 이용해 페이지 로드 완료 후 기본 선택된 옵션 지정 가능.

 

3.

모든 브라우저 지원.

 

 

selected 구문

 

<option selected>...</option>

 


[속성값]

 

없음.

 



분류 제목
form HTML - <input type="tel"> 태그 - 전화번호 입력 (= 인풋텔타입/텔타입인풋/텔인풋 요소…
form HTML - <input type="text"> 태그 - 1줄 텍스트 입력 (= 인풋텍스트타입/텍스트타입인풋…
form HTML - <input type="time"> 태그 - 시간 입력 (= 인풋타임타입/타임타입인풋/타임인풋 …
form HTML - <input type="url"> 태그 - http(s) 프로토콜 형식의 URL 주소 입력 (=…
form HTML - <input type="week"> 태그 - 연도와 몇주차인지 선택 입력 (= 인풋위크타입/위크…
attribute HTML - loading 속성 - 이미지 레이지로드 여부 지정 (= loading속성 = 로딩속성) ※ …
attribute HTML - cellspacing 속성 - 테이블셀간의 간격 지정 (= cellspacing속성 = 셀스페이…
attribute HTML - cellpadding 속성 - 테이블 셀 내부의 여백 지정 (= cellpadding속성 = 셀…
18/18
목록
찾아주셔서 감사합니다. Since 2012