10. HTML 추가 입력양식태그
· 추가 태그 13가지
<body>
<ul>
<!-- 데스크탑에서 type = "text" 로 지정한 입력폼과 다른 부분이 없지만,
모바일 기기에서는 type 속성값에 맞는 키패드가 생성된다.
-->
<li><input type="search" placeholder="검색어 입력"></li>
<li><input type="tel" placeholder="전화번호 입력"></li> <!-- 번호 키패드가 생성 -->
<li><input type="url" placeholder="url 입력"></li> <!-- url 키패드가 생성 -->
<li><input type="email" placeholder="이메일 입력"></li> <!-- 이메일 키패드가 생성 -->
<li><input type="number"></li>
<li><input type="range"></li>
<li><input type="color"></li>
<li><input type="time"></li>
<li><input type="date"></li>
<li><input type="month"></li>
<li><input type="week"></li>
<li><input type="datetime"></li>
<li><input type="datetime-local"></li>
</ul>
</body>>>>>>>>>>>> 결과 <<<<<<<<<<<
'국비지원 JAVA 풀스택 과정 > HTML+CSS3' 카테고리의 다른 글
| [HTML+CSS3] 시멘틱 태그 (0) | 2022.09.23 |
|---|---|
| [HTML+CSS3] CSS3 스타일 (0) | 2022.09.22 |
| [HTML+CSS3] 웹 컨텐츠를 담는 태그 (HTML) (2) | 2022.09.20 |
| [HTML+CSS3] 하이퍼링크 (2) | 2022.09.19 |
| [HTML+CSS3] HTML 기본문서 개념 (0) | 2022.09.16 |