모듈 3 / 4

폼 & 사용자 입력

6개 챌린지 · ~55분

폼을 만들고 사용자의 입력을 받아 처리하는 방법을 배웁니다.

0% 완료0 / 6

쉬움

#17

이름을 입력하는 칸과 '인사하기' 버튼을 만들고, 버튼을 누르면 '안녕하세요, ○○님!' 인사가 나타나게 해보세요.

쉬움

#18

이메일과 비밀번호 입력칸, '로그인' 버튼이 있는 로그인 폼을 만들어 보세요. 아래 '계정 만들기'를 누르면 회원가입 폼으로 바뀌어요.

쉬움

#19

이름·이메일·메시지를 입력하는 '문의하기' 폼을 만들어 보세요. '보내기'를 누르면 '문의가 접수되었습니다' 안내가 나타나요.

쉬움

#20

서비스를 떠나는 이유를 묻는 설문을 만들어 보세요. 네 가지 이유 중 선택하고 '제출'을 누르면 감사 메시지가 나와요.

보통

#21

과일 목록을 보여주고, 검색창에 글자를 입력하면 이름에 그 글자가 포함된 과일만 남도록 걸러지는 목록을 만들어 보세요.

보통

#22

3단계로 이루어진 가입 폼을 만들어 보세요. 상단에 '1 · 2 · 3' 단계 표시가 있고, '다음'을 누르면 다음 단계로 넘어가며 완료된 단계에 체크가 표시돼요.