한양과학기술고등학교

에듀테크 프로젝트 대시보드

폼 기본 (form/input)

HTML 예제 7 / 20

폼은 사용자 입력을 받는 기본 단위입니다. <label for="id"> 는 같은 id 의 입력칸과 반드시 연결해주세요 — 라벨을 클릭해도 입력칸에 포커스가 갑니다.

form input label for button
실시간 반영
결과 화면
💡 이렇게 바꿔보세요
  • type="email" 은 모바일에서 @ 키가 있는 키보드를 자동으로 띄워줘요
  • placeholder 는 라벨을 대신하지 못해요 — 입력하면 사라지기 때문에 label 은 항상 따로 두세요
  • 제출 동작은 '폼 이벤트' 예제(js-events-form)에서 JavaScript 로 다뤄요
← HTML 예제 목록