조건
- label 태그를 사용하세요.
- id 속성을 사용하세요.
- 입력받는 모든 항목이 필수가 되도록 작성하세요.
- 비밀번호는 최소 10자리 이상 입력받도록 작성하세요.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Create An Account</h1>
<form>
<div>
<label for="fist-name">First Name</label>
<input id="first-name" type="text" name="ft_name" required placeholder="First name">
</div>
<div>
<label for="last name">Last Name</label>
<input type="text" id="last name" placeholder="Last name" required>
</div>
<div>
<label for="email">Email</label>
<input type="email" id="email" placeholder="Email" required>
</div>
<div>
<label for="username">username</label>
<input type="text" id="username" placeholder="Username" required />
</div>
<div>
<label for="password">Password</label>
<input type="password" id="password" placeholder="Password" minlength=10 required>
</div>
<div>
<label for="date">Birth date</label>
<input type="date" id="date" required>
</div>
<div>
<label for="range">How happy are you?</label>
<input type="range" id="range" step="True" >
</div>
<div>
<label for="color">What is your fav. color?</label>
<input type="color" id="color" required>
</div>
<div>
<label for="submit"></label>
<input type="submit" id="submit" value="Create Account">
</div>
</form>
</body>
</html>
Data & PM