HTML-회원가입 페이지 작성

임재헌·2023년 3월 24일
0

HTML

목록 보기
13/20
<!DOCTYPE html>   
<html lang="ko"> 
<head>
       <title> 회원가입 </title> 
    </head>
    <body>
        <h1> 회원가입</h1>
        <!-- id= javascript 나 jquery 접근시 주로 사용-->
        <!--name= backend단에서 접근시 주로 사용  -->
        <!--autofocus 자동 커서 이동-->
        <!--required 필수-->
        <form id="memfrm" name="memfrm">
            이름:
            <input type="text" name="unname" id="unname" autofocus required><br>
            아이디:
            <input type="text" name="userid" id="userid" size="15" maxlength="5" placeholder="아이디를 입력하세요" required>
            &nbsp;
            <input type="button" value="중복확인">
            <br>
            비밀번호:
            <input type="password" name="password" id="password" size="12" maxlength="12" placeholder="비밀번호 입력" required>
            <br>
            우편번호:
            <input type="text" size="6" readonly>
            <input type="button" value="주소찾기">
            나머지 주소: <input type="text">
            <!--readonly 커서가 못들어감 읽기 전용-->
            <br>
            나이:
            <input type="radio" name="age" value="10">10대
            <input type="radio" name="age" value="20">20대
            <input type="radio" name="age" value="30">30대
            <br>
            성별:
            <input type="radio" name="gender" value="male"><input type="radio" name="gender" value="female"><br>
            취미:
            <input type="checkbox" id="movie" value="m" name="movie">영화
            <input type="checkbox" id="cook" value="c" name="cook">요리
            <input type="checkbox" id="game" value="g" name="game">게임
        </form>
        <br>
        <!-- 여는 태그와 닫는 태그가 있는 폼 컨트롤 요소-->
        <form id="myform" name="myform">
            <button>버튼1</button>
            <br>
            생년월일:
            <select name="b_day" id="b_day">
                <option value="2021">2021년</option>
                <option value="2022" selected>2022년</option>
                <option value="2023">2023년</option>
            </select>
            <br>
            <select name="month" id="month" multiple>
                <option value="jan">1</option>
                <option value="feb">2</option>
                <option value="mar">3</option>
                <option value="apr">4</option>
                <option value="may">5</option>
            </select>
            <br>
            <!-- multiple ctrl 사용해서 여러개 선택 가능-->
            배송 메세지:
            <textarea cols="50" rows="30" maxlength="200">200자 이내로 작성</textarea>
            <hr>
            <!--form이 서버로 전송-->
            <input type="submit" value="전송">
            <input type="reset" value="취소">
        </form>
    </body>
</html>

0개의 댓글

관련 채용 정보