1. number 
숫자만 입력이 가능한 입력폼
<input type="number" min="최소입력 숫자 제한" max="최대입력 숫자제한 ">

2. 캘랜더 형식
<input type="date" name="datev">
<input type="month">
<input type="week">
<input type="time">

3. 이메일 주소를 입력하게 하는 것 
<input type="email"> 

4. 검색
<input type="search">

5.전화번호 입력
<input type="tel">

6.url 입력
<input type="url">

7.슬라이더가 생긴다
<input type="range"  min="최소입력 숫자 제한" max="최대입력 숫자제한 ">

8.autocomplete 
컴퓨터가 기억 하고있는 자료를 자동으로 불러온다. 
<form action="" autocomplete="on"></form>
<input type="text" name="id" autocomplete="on">

8.placeholder
<input type="password" name="pw" placeholder="필수입력 내용">

9. autofocus
사이트 커서가 자동으로 입력창으로 가게 해주는 법
<input type="password" name="pw" placeholder="필수입력 내용" autofocus>

입력 값 체크 
10. require
필수로 입력하게 하는 것
<input type="password" name="pw" required>

11. 패턴 pattern
<input type="password" name="pw" required pattern="[a-zA-Z].+[0-9]">

+ Recent posts