[Form Tag] Select option WEB/HTML 2013. 8. 21. 11:43

 Select option

 

  • 펼침 메뉴믈 클릭하면 늘어져서 전체 항목 아이템을 선택할 수 있어 적은 공간에 많은 세부 항목 아이템을 배치할 수 있다.

 

  • 기본 형태.
    • <SELECT name="이름">
      <OPTION value="아이템1 전송값" selected>아이템1</OPTION>
      ...
      <OPTION value="아이템n 전송값">아이템n</OPTION>
      </SELECT>
    • name : 펄침 메뉴의 이름 지정.
    • value : 사용자가 선택하였을 경우에 실제로 서버에 전송되는 내용.
    • selected : 문서가 로딩될 때 미리 선택되어져 나타남.
    • 아이템 : 펼침 메뉴를 이루는 아이템 제목
  •  출처 
  • http://blog.naver.com/shylove2456/150095947556
  •  29. 폼태그 3 - Select option. |작성자 shylove2456



style="width:120px; height:20px;" 를 select에 넣어버리면 텍스트 안보이고 화살표 표시만 나온다 

<select id="sStartTime" name="sStartTime" class="select">

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

<option value = "00">00</option>

<option value = "01">01</option>

<option value = "02">02</option>

<option value = "03">03</option>

<option value = "04">04</option>

<option value = "05">05</option>

<option value = "06">06</option>

<option value = "07">07</option>

<option value = "08">08</option>

<option value = "09">09</option>

<option value = "10">10</option>

<option value = "11">11</option>

<option value = "12">12</option>

<option value = "13">13</option>

<option value = "14">14</option>

<option value = "15">15</option>

<option value = "16">16</option>

<option value = "17">17</option>

<option value = "18">18</option>

<option value = "19">19</option>

<option value = "20">20</option>

<option value = "21">21</option>

<option value = "22">22</option>

<option value = "23">23</option>

</select>