관리 메뉴

moozi

join.html 본문

TIS_2016/주말반_5기

join.html

moozi 2016. 12. 10. 18:19

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>회원가입</title>

    <style>

        input:focus{background-color:darkgray;}

        input:disabled{background-color:white; color:gray;}

        input{background-color:#cccccc;}

        input:not([type=password]){background-color:aqua;}

    </style>

    <script>

        function check(){

            var id=document.form1.id.value;

            if(id==""){

                alert("id를 입력하세요");

                document.form1.id.focus();

                return;//함수종료

            }

            var pw=document.form1.password.value;

            if(pw==""){

                alert("pw를 입력하세요");

                document.form1.pw.focus();

                return;

            }

        }

    </script>

</head>

<body>

    <h1>회원가입</h1>

    <form action="join.php" name="form1" method="post"\>

        id <input type="""text" name="id"><br />

        pw <input type="password" name="password"><br />

        name <input type="text" name="name"><br />

        tel <input type="text" name="tel" value="010"><br />

        email <input type="email" name="email"><br />

        결혼여부 <input type="radio" name="married" value="0">기혼 <input type="radio" name="married" value="1">미혼<br />

        정보수신 <input type="checkbox" name="email">email

        <input type="checkbox" name="msg" value="sms">문자메시지<br />

        

        직업 <select name="job">

                <option value="학생">학생</option>

                <option value="직장인">직장인</option>

                <option value="군인">군인</option>

                <option value="기타">기타</option>

            </select><br />

        자기소개<br /><textarea name="about" rows="10" cols="50"></textarea><br />

        사진 <input type="file" name="picture">

        <input type="button" onclick="check()" value="등록">

        <input type="reset" value="취소" disabled>

    </form>

</body>

</html>

'TIS_2016 > 주말반_5기' 카테고리의 다른 글

안랩 index.html  (0) 2016.12.17
index.html  (0) 2016.12.10
bootstrap navbar 클릭시 닫히게 하기  (0) 2016.12.10
company.zip  (0) 2016.12.10
movie.zip  (0) 2016.12.03
0 Comments
댓글쓰기 폼