[HTML] input 연습문제

[HTML] input 연습문제개발자가 되기까지 (2023.08.16~2024.04.15)/[Basic] HTML & CSS2023. 10. 26. 01:00@rlozlr

Table of Contents

<Quest>

<조건>

1. 비밀번호는 입력 시, *로 떠야 한다.
2. 이메일은 반드시 이메일 형식으로 입력되는 형태여야 한다.
3. 성별은 남성 여성 둘 중 하나만 체크가 되도록 해야한다.
4. 전화번호는 숫자를 선택할 수 있는 위아래 버튼이 있어야 한다.
5. 회원가입 버튼을 누르면 위의 입력 값들이 들어간 것이 주소 창에 확인 되어야 한다.

<Solve>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>input 연습문제</title>
</head>
<body>
    <h2>회원가입</h2>
    <br>
        <form action="">
            아이디 : <input type="text" name="id"><br>
            비밀번호 : <input type="password" name="pw"><br>
            비밀번호 확인 : <input type="password" name="pw2"><br>
            이메일 : <input type="email" name="email"><br>
            성별 : 
            <label for="male"><input type="radio" name="radio" value="남성">남성</label>
            <label for="female"><input type="radio" name="radio" value="여성">여성</label><br>
            전화번호 : <input type="number" name="num1">- <input type="number" name="num2">- <input type="number" name="num3"><br>
            <button type="submit" value="회원가입">회원가입</button> 

        </form>
    </body>
</html>

[HTML] input 연습문제 끝!