IT/html

입력 유형 범위(Input Type Range) 입력 유형 월(Input Type Month) 입력 유형 주(Input Type Week) 입력 유형 시간(Input Type Time)

조원태 2017. 1. 8. 16:10
반응형


입력 유형 범위(Input Type Range)


<input type = "range">는 범위 내의 값을 포함해야하는 입력 필드에 사용됩니다.


브라우저 지원에 따라 입력 필드가 슬라이더 컨트롤로 표시 될 수 있습니다.


OperaSafariChromeFirefoxInternet Explorer

<form>

  <input type = "range"name = "points"min = "0"max = "10">

</ form>


제한을 지정하기 위해 다음 속성을 사용할 수 있습니다 : min, max, step, value.


입력 유형 월(Input Type Month)


<input type = "month">에서는 사용자가 월과 연도를 선택할 수 있습니다.


브라우저 지원에 따라 날짜 선택 도구가 입력 필드에 나타날 수 있습니다.


OperaSafariChromeFirefoxInternet Explorer

<form>

  생일 (월 및 일) :

  <입력 유형 = "월"name = "bdaymonth">

</ form>


입력 유형 주(Input Type Week)

<input type = "week"> 사용자가 주와 연도를 선택할 수 있습니다.


브라우저 지원에 따라 날짜 선택 도구가 입력 필드에 나타날 수 있습니다.


OperaSafariChromeFirefoxInternet Explorer

<form>

  일주일 선택 :

  <input type = "week"name = "week_year">

</ form>


입력 유형 시간(Input Type Time)

<input type = "time">은 사용자가 시간 (시간대 없음)을 선택할 수 있도록합니다.


브라우저 지원에 따라 시간 입력 도구가 입력 필드에 나타날 수 있습니다.


OperaSafariChromeFirefoxInternet Explorer

<form>

  시간 선택 :

  <input type = "time"name = "usr_time">

</ form>

반응형