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을 얻을 수 있습니다.

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