23. HTML – HTML5의 새로운 제출 양식

* 이 블로그는 리빙코딩의 HTML5 Input Form 강의와 관련된 블로그입니다.

<!
DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>23. HTML5의 입력양식</title> </head> <body> <h1>23. HTML5의 입력양식</h1> <form actio="서버주소"> <p><input type="number" min="10" max="17"></p> <p><input type="date" name="datev"></p> <p><input type="month" name="monthv"></p> <p><input type="week" name="weekv"></p> <p><input type="time" name="timev"></p> <p><input type="email" name="emailv"></p> <p><input type="search" name="searchv"></p> <p><input type="tel" name="telv"></p> <p><input type="url" name="urlv"></p> <p><input type="range" name="rangev" min="10" max="17"></p> </form> </body> </html>

* 새로 배운 태그

– 숫자: 사용자는 숫자만 쓸 수 있습니다.

-날짜: 취득 예정일.

– 월: 연도와 월을 얻을 수 있습니다.

-주: 몇 주에서 몇 년까지 얻을 수 있습니다.

– 시간: 지속될 수 있다

-이메일: 이메일 주소를 얻을 수 있습니다.

-구하다: 검색창이 나타납니다.

-전화: 전화번호를 받을 수 있습니다.

-URL: URL을 얻을 수 있습니다.

-영역: 범위를 조정할 수 있습니다.