[HTML] 웹폼 Webform : 색 입력, 시간 정보 입력, 숫자 입력, 파일 선택

5. 색 입력

컬러 다이얼로그를 출력하여 색을 입력받는다.

색 선택 <input type="color" value="#00BFFF">

• value : 컬러 다이얼로그의 초기 색.

색 선택

 

 

6. 시간 정보 입력

type 속성값	입력 데이터	value(초기값) 형식
<input type="month" value="초기값">	년/월	2021-04
<input type="week" value="초기값">	년/몇 번째 주	2021-W15
<input type="date" value="초기값">	년/월/일	2021-04-13
<inpyt type="time" value="초기값">	시/분	15:09
<input type="datetime-local" value="초기값">	해당 나라의 시간 년/월/일/오전, 오후/시/분/초/100분의 1초	2021-04-13T15:09:10.32

 

month :
week :
date :
time :
local :

 

7. 숫자 입력

<input type="number">

스핀 버튼으로 정교한 값 입력

제작권수 : <input type="number" min="0" max="100" step="10" value="20"/>

 

<input type="range">

슬라이드바로 대략적인 값 입력

표지두께 : 1mm <input type="range" min="1" max="5" value="3"/> 5mm

 

제작권수 :
표지두께 : 1mm 5mm

 

 

9.  파일 선택하기 

<input type="file">

<input type="file" name="myfile">