대부분의 태그는 숙지하고 있어야 겠지만 개발 시 기억이 안날 수 있으므로 정리 해 둔다.
폼 관련 태그
| 종류 |
설명 |
| <form> |
폼의 시작과 끝 |
| <fieldset> |
폼 요소를 그룹으로 묶음 |
| <legend> |
필드셋에 제목을 나타냄 |
| <input> |
사용자 입력 받을 필드를 삽입 |
| <select> |
드롭다운 목록 삽입 |
| <option> |
드롭다운 목록 삽입 |
| <textarea> |
텍스트를 여러줄로 입력할 수 있는 텍스트 영역 삽입 |
| <datalist> |
데이터 목록 삽입 |
| 종류 |
설명 |
| text |
한줄짜리 텍스트 입력 |
| password |
비밀번호를 입력 (텍스트 표시가 *로 표시) |
| search |
검색할 때 입력하는 필드 |
| url |
URL 주소를 입력할 수 있는 필드 |
| email |
이메일 주소를 입력할 수 있는 필드 |
| tel |
전화번호를 입력 할 수 있는 필드 |
| checkbox |
체크박스 (여러 항목 중 여러개 선택 가능) |
| radio |
라디오 버튼 (여러 항목 중 한개만 선택 가능) |
| number |
값을 조절할 수 있는 스핀박스 |
| range |
숫자를 조절 할 수 있는 슬라이더 |
| date |
사용자 지역 기준 연,월,일 입력 필드 |
| month |
사용자 지역 기준 연,월 입력 필드 |
| week |
사용자 지역 기준 연,주 입력 필드 |
| time |
사용자 지역 기준 시간(시,분,초) 입력 필드 |
| datetime |
국제 표준시(UTC)로 설정된 날짜와 시간(연,월,일,시,분,초) 입력 |
| datetime-local |
사용자 지역 기준 날짜와 시간(연,월,일,시,분,초) 입력 |
| submit |
전송 버튼 |
| reset |
리셋 버튼 |
| image |
이미지 버튼 |
| button |
일반 버튼 |
| file |
파일을 첨부 할 수 있는 버튼 |
| hidden |
사용자에게 보이지 않지만 서버로 넘겨주는 값이 있는 필드 |
| 종류 |
설명 |
| autofocus |
웹 문서가 열리면 입력 필드 안에 마우스 포인터 표시 |
| placeholder |
텍스트 필드에 힌트 표시 (좋은 UI 는 아니란다.) |
| readonly |
입력 필드를 읽기 전용으로 지정 |
| required |
필수 입력 필드 |
| max |
숫자 입력 필드에서 최대값 지정 |
| min |
숫자 입력 필드에서 최소값 지정 |
| step |
숫자 입력 필드에서 증감할 간격 지정 |
| maxlength |
텍스트 입력 최대 길이 지정 |
| minlength |
텍스트 입력 최소 길이 지정 |
| size |
텍스트 관련 필드에서 화면에 표시할 크기를 지정 |
| list |
연결할 데이터 목록을 지정 |