form

fieldset : form에서 div역할을 함

legend : 해당 영역의 타이틀, 제목

체크박스의 유의사항 : value라는 속성 사용해주기 (사용자가 직접 데이터를 입력하는 형식이 아니라 수동으로 데이터를 입력해야함)

placeholder : 칸이 비어있을때 표시되는 문구

autofocus : 페이지에 들어오자마자 자동으로 칸을 선택해줌

<form>
        <!-- fieldset : form에서 div역할을 함 -->
        <fieldset>
            <!-- legend : 해당 영역의 타이틀, 제목 -->
            <legend>제목</legend>

            <label for="">ID <input type="text" name="" id=""   placeholder="ID는 8글자 이상"> </label>
            <br>
            <label for="">비밀번호 <input type="password" name="" id=""    placeholder="영문 + 숫자 + 특수문자 10글자 이상"></label>
            <br>
            <label for="">이메일 <input type="email" name="" id=""     placeholder="azaz220055@gmail.com"></label>
            <br>
            <label for="">전화번호 <input type="tel" name="" id=""    placeholder="000-0000-0000"></label>

            <br>

            <label for="연결">비밀번호2</label>   <input type="password" id="연결">
            <br>
            <!-- 체크박스의 유의사항 : value라는 속성 사용해주기 -->
            <label for="">라면사리 <input type="checkbox" value="noodle"></label>
            <label for="">치즈 <input type="checkbox" value="cheese"></label>
            <label for="">튀김사리 <input type="checkbox" value="fried"></label>
            <label for="">떡 많이 <input type="checkbox" value="dduk"></label>

            <br>

            <label for="">남자 <input type="radio" name="gender" id=""></label>
            <label for="">여자 <input type="radio" name="gender" id=""></label>
            <label for="">혼종 <input type="radio" name="gender" id=""></label>
            <label for="">비밀 <input type="radio" name="gender" id=""></label>

        </fieldset>

        <fieldset>
            <legend>구역2</legend>
        </fieldset>
    </form>