home강의 홈으로

Section 1. <갖다 놓는> HTML

Lesson 9. 사용자로부터 입력 받기 2

인풋 태그

👉 <input>의 타입과 속성들 보기

모바일에서 입력창 사용시

tel-input

텍스트 관련 인풋 속성들

속성	설명	비고
`placeholder`	빈 칸에 보이는 안내문
`maxlength`	최대 길이
`minlength`	최소 길이	위반시 `submit`이 거부됨

모바일에서 입력창 사용시

date-input

숫자 관련 인풋 속성들

속성	설명	비고
`min`	최소값	`date` 등 타입마다 형식 다름
`max`	최대값	`date` 등 타입마다 형식 다름
`step`	간격

시간·날짜 관련 다른 타입들

👉 datetime-local, month, time, week

체크 관련 인풋 속성들

속성	타입	설명
`checked`	체크박스 & 라디오	체크됨 여부
`name`	라디오 (다른 타입들에서도 사용)	옵션들의 그룹으로 사용됨
`value`	라디오 (다른 타입들에서도 사용)	각 옵션마다 실제로 넘겨질 값

파일 인풋 속성들

속성	설명	참조
`accept`	받아들일 수 있는 파일 형식	👉 작성 가이드
`multiple`	여러 파일 업로드 가능 여부

🤔얄코에게 질문하기질문은 반.드.시 이리로 보내주세요! ( 강의사이트 질문기능 ✖ )

강의에서 이해가 안 되거나 실습상 문제가 있는 부분,
설명이 잘못되었거나 미흡한 부분을 메일로 알려주세요!

답변드린 뒤 필요할 경우 본 페이지에
관련 내용을 추가/수정하도록 하겠습니다.

이메일 주소

yalco@yalco.kr

메일 제목 (반드시 아래 제목을 붙여넣어주세요!)

[질문] 제대로 파는 HTML & CSS (무료 파트) 1-9

🛑질문 전 필독!!

구글링을 먼저 해 주세요. 들어오는 질문의 절반 이상은 구글에 검색해 보면 1분 이내로 답을 찾을 수 있는 내용들입니다.
오류 메시지가 있을 경우 이를 구글에 복붙해서 검색해보면 대부분 짧은 시간 내 해결방법을 찾을 수 있습니다.
강의 페이지에 추가사항 등 놓친 부분이 없는지 확인해주세요. 자주 들어오는 질문은 페이지에 추가사항으로 업데이트됩니다.
"유료파트의 강의페이지는 어디 있나요?" - 각 영상의 시작부분 검은 화면마다 해당 챕터의 강의페이지 링크가 있습니다.
질문을 보내주실 때는 문제가 어떻게 발생했고 어떤 상황인지 등을 구체적으로 적어주세요. 스크린샷을 첨부해주시면 더욱 좋습니다.

⬇ 다음1-10. 사용자로부터 입력 받기 3