1차 프로젝트를 진행하면서 회원가입 페이지를 구성했는데
여러가지 회원가입에 필요한 구성요소를 만들다보니 다양한 input의 type을 사용하게 되었다.
1. Date
<input>type="date" 날짜 선택기 인터페이스를 사용하여 사용자가 날짜를 입력할 수 있도록 하는 입력 필드 작성 의 요소
사용자가 날짜를 선택하면 value값이 년도-월-일 로 나오게 된다.
선택기의 인터페이스는 사용자가 사용하는 브라우저에 따라 다르다.
2. Radio
<input>type=radio는 일반적으로 관련 옵션 집합을 설명하는 라디오 버튼 모음인 라디오 그룹 에서 사용됩니다.
주어진 그룹에서 하나의 라디오 버튼만 동시에 선택할 수 있습니다.
라디오 버튼은 일반적으로 선택 시 채워지거나 강조 표시되는 작은 원으로 렌더링됩니다.
위의 이미지에서는 성별을 그룹으로 묶어서 여자와 남자 둘중 하나만 선택할 수 있게 만들었습니다.
3. number
<input>type=number 사용자가 숫자를 입력할 수 있도록 하는 데 사용됩니다. 여기에는 숫자가 아닌 항목을 거부하는 기본 제공 유효성 검사가 포함됩니다.
-> 핸드폰번호를 기입하는 input에 number타입을 사용하려고 했는데 아래와 같은 문제가 있어서 사용하지 않았다.
- e와 E가 지수표기법으로 인하여 입력이 가능했다.
- 한글이 입력 가능하다.
