Input element 사용하기

타입

• type="text" 일반 텍스트
• type="password" 패스워드 형식(마스킹 처리)
• type="eamil" 이메일 형식
• type="radio" 설문 등 여러 선택지 중 하나의 값을 선택하는 형식
• type="checkbox" 설문 등 여러 선택지 중 여러 값을 선택하는 형식
• type="number" 숫자
• type="file" 파일 업로드
• type="date" 달력
• type="range" 볼륨 조절 위젯같이 값이 가려진 숫자를 입력하는 조작 가능

속성

• accept="업로드할 파일의 기댓값 암시"
• placeholder="input 안 힌트 텍스트"
• autofocus "페이지 전환 시 자동으로 맨 처음 포커싱"
• required "필수값"
• maxlength="최댓값"
• disabled "비활성화"
• autocomplete="off" "브라우저의 자동완성 제거"
• checked "radio나 checkbox 등의 체크 여부"
• name input의 이름으로 radio나 checkbox의 카테고리 묶음이나 javascript 이벤트 등을 유연하게 적용할 수 있음