form tag

<form action="">
        <!-- 일반 텍스트 입력 -->
        <div>
            <label>이름</label>
            <input type="text" autofocus required>
        </div>
        <!-- 비밀번호 입력 -->
        <!-- maxlength 이상은 적어지지 않는다 -->
        <div>
            <label>비밀번호</label>
            <input type="password" minlength="4" maxlength="7">
        </div>
        <!-- 이메일 입력 -->
        <!-- @ 적지 않고 전송시 오류 메세지가 뜬다 -->
        <div>
            <label>e-mail</label>
            <input type="email" placeholder="이메일을 입력하세요">
        </div>
        <!-- 장문의 글 입력 : textarea-->
        <div>
            <label>message</label>
            <textarea cols="30" rows="5"></textarea>
        </div>
        <!-- 선택 입력 : Select / Option -->
        <div>
            <label>성별</label>
            <select>
                <option value="남성">남성</option>
                <option value="여성">여성</option>
                <option value="말할수없음">말할수없음</option>
            </select>
        </div>
        <!-- 숫자 입력 : number-->
        <div>
            <label>나이</label>
            <input type="number">
        </div>
        <!-- 날짜 입력 -->
        <div>
            <label>생년월일</label>
            <input type="date">
        </div>
         <!-- 여러개중 하나를 선택 : radio 타입 -->
         <!-- radio는 이름이 같아야한다. -->
         <!-- 다를 경우 모두 선택이 가능해진다. -->
         <!-- checked : 디폴트 값으로 미리 체크 -->
         <div>
            <label>멤버쉽</label>
            <input type="radio" name="membership" checked>심플
            <input type="radio" name="membership">스탠다드
            <input type="radio" name="membership">슈퍼
        </div>
         <!-- 여러개중 다중 선택 : checkbox 타입 -->
         <!-- checkbox는 이름이 모두 달라야한다. -->
         <div>
            <label>구매내역</label>
            <input type="checkbox" name="like1">오토바이
            <input type="checkbox" name="like2">자동차
            <input type="checkbox" name="like3">보트
         </div>
        <!-- 서버로 전송 (submit) 버튼 -->
        <button type="submit">전송</button>
        <button type="reset">초기화</button>
    </form>

• text : 평문 작성
• password : 비밀번호가 가려져서 출력
• email : 양식(@) 이 없이 작성되면 오류메세지 출력
• textarea : 긴 글을 입력받을 때
• select / option value : 선택 입력
• number : 숫자를 입력할때, 옆에 아래위 화살표가 있다
• date : 날짜입력
• radio : 여러개중 하나를 선택
• checkbox : 다중선택