HTML5에서는 특정 데이터 유형에 맞는 기본 입력 컨트롤을 제공하는 날짜, 색상, 범위 및 숫자와 같은 새로운 <input> 유형을 도입했습니다.

 

HTML5 : 

 

<form>
<label for="age">나이:</label><br>
<input type="number" id="age" name="age"><br>
<label for="birthymd">생년월일:</label><br>
<input type="date" id="birthymd" name="birthymd"><br>
<label for="favoritecolor">좋아하는 색:</label><br>
<input type="color" id="favoritecolor" name="favoritecolor"><br>
<label for="phone">전화번호:</label><br>
<input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}" placeholder="*** 개인정보보호를 위한 전화번호 노출방지 ***"><br><br>
<input type="submit" value="확인">
</form>

 

 

웹학교 무료강좌 / 웹학교 컨텐츠몰

PHP포탈 / 구인구직 솔루션

By 웹학교