[HTML+CSS3] 추가 입력 양식 태그 (HTML)

ODaram 2022. 9. 21. 17:27

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>

>>>>>>>>>>> 결과 <<<<<<<<<<<