새소식
250x250
(3D)Dev Deep Dive/Frontend origin
[HTML] 회원가입 양식
- -
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
'(3D)Dev Deep Dive > Frontend origin' 카테고리의 다른 글
| [시각화] D3를 이용하여 간단한 노드관계 만들어보기 (0) | 2023.07.10 |
|---|---|
| [문득 떠오른 건데] 밥먹고 졸릴때 리팩토링 요소를 탐색하면 잠이 깰까? - 2편 (0) | 2023.05.02 |
| [문득 떠오른 건데] 밥먹고 졸릴때 동적 컴포넌트를 만들면 잠이 깰까? - 1편 (2) | 2023.04.22 |
| [HTML+CSS] 텍스트 슬라이드 기능(가로/세로) (0) | 2022.11.21 |
| [HTML+CSS] Copang 반응형 헤더 만들기(검색창/로고/부가메뉴) (0) | 2022.11.21 |
Contents
소중한 공감 감사합니다