입력창 (폼)
Form / Input Field
이름, 이메일처럼 사용자가 글자를 써 넣는 칸과 그 묶음이에요.
💡 관공서에서 작성하는 신청서 양식이에요.
👆 직접 눌러 보기
진짜로 동작해요. 눌러 보고 움직여 보세요.
CSS유효성 검사(validation)
🤖 AI에게 이렇게 말해 보세요
문의하기 폼(Form)을 만들어 줘. 이름, 이메일, 내용 입력창이 있고, 이메일 형식이 틀리면 입력창 아래에 빨간 글씨로 알려 줘(유효성 검사). 다 쓰면 '보내기' 버튼이 활성화되게 해 줘.
핵심은 ‘Form / Input Field’라는 단어예요. 이 단어를 넣으면 AI가 훨씬 정확하게 알아들어요.
📌 알아 두면 좋아요
입력 내용이 올바른지 검사하는 걸 '유효성 검사(Validation)', 입력창 안의 흐린 안내 글자를 '플레이스홀더(Placeholder)'라고 해요.
이럴 때 써요
- 회원가입, 로그인, 문의하기, 주문서
이렇게도 불러요: 입력칸, 폼, 양식, 인풋, input, 텍스트박스, 유효성 검사, validation, placeholder, 플레이스홀더