[HTML] 회원가입 양식

2022. 11. 21. 00:00·(3D)Dev Deep Dive/Frontend origin
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
'(3D)Dev Deep Dive/Frontend origin' 카테고리의 다른 글
  • [문득 떠오른 건데] 밥먹고 졸릴때 리팩토링 요소를 탐색하면 잠이 깰까? - 2편
  • [문득 떠오른 건데] 밥먹고 졸릴때 동적 컴포넌트를 만들면 잠이 깰까? - 1편
  • [HTML+CSS] 텍스트 슬라이드 기능(가로/세로)
  • [HTML+CSS] Copang 반응형 헤더 만들기(검색창/로고/부가메뉴)
ThreeLight
ThreeLight
ThreeLight Studio의 블로그, TimeMap.exe에 오신 것을 환영합니다.
  • ThreeLight
    TimeMap.exe
    ThreeLight
  • 전체
    오늘
    어제
    • 분류 전체보기 (245)
      • Checkpoint (1)
      • (3D)Dev Deep Dive (0)
        • Templates & Guides (9)
        • Frontend origin (9)
        • Backend origin (1)
        • TroubleShootings (4)
      • Development Study (95)
        • Frontend (36)
        • Backend (21)
        • CS(Computer Science) (2)
        • Background Knowledges (11)
        • Algorithm (2)
        • Mobile (3)
        • AWS (6)
        • Python (6)
        • MSW(MapleStoryWorlds) (8)
      • Coding Test (59)
        • 문제.zip (1)
        • BaekJoon_JavaScript (0)
        • Programmers_JavaScript (9)
        • BaekJoon_Python (23)
        • Programmers_Python (10)
        • Undefined_Python (3)
        • Programmers_SQL (13)
      • 활동내역.zip (43)
        • 개인 (21)
        • Techeer (12)
        • Bootcamp (7)
        • Hackathon (1)
        • TeamProjects (2)
      • 여기 괜찮네??(사이트 | App) (5)
      • 재미있는 주제들 (8)
      • 개발 외 공부 저장소 (11)
        • 생산운영관리 (3)
        • 생활속의금융 (6)
        • 경영정보시스템 (2)
  • 링크

    • TimeMap.dmg (Portfolio)
    • GitHub 바로가기
    • 오픈프로필(카카오톡)
    • Medium 바로가기
    • Disquiet 바로가기
    • LinkedIn 바로가기
  • 인기 글

  • 태그

    HTML
    react
    JavaScript
    프로그래머스
    SQL
    CSS
    programmers
    Python
    Baek Joon
    TypeScript
  • 최근 글

  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.1
ThreeLight
[HTML] 회원가입 양식
상단으로

티스토리툴바