HTML5 input 요소의 유용한 Type 및 속성들 > 365ok IT뉴스

365ok IT뉴스

HTML5 input 요소의 유용한 Type 및 속성들 정보

HTML5 input 요소의 유용한 Type 및 속성들

본문

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>

 

3667889950_1725071375.5003.png

 

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

PHP포탈 / 구인구직 솔루션

By 웹학교

추천
0

댓글 0개

전체 2,472 |RSS
365ok IT뉴스 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT