(3D)Dev Deep Dive/Frontend origin
[HTML] 회원가입 양식
TMInstaller
2022. 11. 21. 00:00
728x90
회원가입 폼에대한 코드를 가공해 보았다
웹페이지에는 회원가입이 거의 필수적이다보니 가져와서 저장해두면
언젠가는 반드시 쓸모가 있을 것이라 생각한다
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Cocoon</title>
</head>
<body>
<section>
<form name="login" action="index.html" method="post">
아이디확인<br>
<input type="text" name="user_ID" placeholder="아이디 입력">
<input type="button" name="user_IDcheck" value="아이디 확인">
<br>
비밀번호<br>
<input type="password" name="user_PW1" value=""><br>
비밀번호 재확인<br>
<input type="password" name="user_PW2" value="">
<input type="button" name="user_PWcheck" value="비밀번호 재확인">
<br><br>
이름<br>
<input type="text" name="user_name" value="">
<br>
생년월일<br>
<input type="text" name="user_ID" placeholder="0000Y">
<input type="text" name="user_ID" placeholder="00M">
<input type="text" name="user_ID" placeholder="00D">
<br><br>
성별<br>
<select name="gender">
<option value="">-- 선택 --</option>
<option value="man">남자</option>
<option value="woman">여자</option>
</select>
<br><br>
이메일<br><input type="email" name="user_email" placeholder="email@gmail.com"><br><br>
휴대전화<br>
<input type="text" name="user_phone" placeholder="010-0000-0000">
<input type="button" name="certification" value="인증번호 받기"><br>
<input type="text" name="certification" placeholder="인증번호를 입력하세요">
<input type="button" name="certification" value="확인"><br><br>
다중 선택<br>
선택1<input type="checkbox" name="check" value="choose1">
선택2<input type="checkbox" name="check" value="choose2">
선택3<input type="checkbox" name="check" value="choose3">
선택4<input type="checkbox" name="check" value="choose4">
<br><br>
파일 제출 폼
<br>
<input type="file" name="" value="">
<br><br><br>
<input type="submit" name="" value="제출버튼">
</form>
</section>
</body>
</html>728x90