form태그에 사용하는 공통속성★
1. autocomplete
: 자동완성. 값을 on으로 명시하면 브라우저는 사용자가 이전에 입력했던 값들을
기반으로 사용자가 입력한 값과 비슷한 값들을 드롭다운해준다.
기본값은 off로 되어있다.
2. target
: action에서 지정한 서버주소를 현재 창이 아닌 다른 위치에서 열도록 지정한다.
3. enctype : 폼 데이터가 서버로 제출될때 해당 데이터가 인코딩되는 방식을 명시한다.
- application/x-www-form-urlencoded
: 기본값으로 모든 문자들을 서버로 보내기전에 인코딩됨을 명시함.
- multipart/form-data
: 모든 문자들을 인코딩하지 않음을 명시함.
이 방식은 form요소가 파일이나 이미지를 서버로 전송할때 주로 사용한다.
- text/plain
: 공백문자는 '+'기호로 변환하지만 나머지 문자는 인코딩되지 않음을 명시한다.
4. novalidate
: 폼 데이터를 서버로 제출할때 해당 데이터의 유효성 검사를 하지 않음을 명시한다.
input태그에도 쓸 수 있다.input태그에 사용하는 공통속성 ★
1. readonly
: 읽기전용 필드임을 명시한다.
사용자가 입력할 수 없고 읽기만 가능한 필드를 지정할 경우 사용한다.
2. placeholder
: 사용자가 어떤 내용을 입력해야할지 힌트를 표시할때 사용한다.
3. autofocus
: 페이지를 불러오자마자 특정 부분에 마우스 커서가 표시된다.
4. autocomplete
: 해당 폼요소에 자동완성 기능을 부여한다.
5. maxlength
: 텍스트 필드에 최대로 입력할 수 있는 문자의 개수를 지정한다.
6. required
: 필수 입력 필드임을 지정한다.(빈칸이면 안넘어감)
7. value
: 초기값을 지정한다. 실제로 필드에 나타나는 데이터로
placeholder와 다르게 입력필드를 포커싱해도 글자가 사라지지 않는다.
서버에 넘겨야 하는 값이 있을때 주로 사용한다.
수량 표시처럼 미리 값을 표시하는 용도로도 사용한다.
8. size
: select태그를 쓸때 화면에 한번에 표시할 목록의 갯수를 지정한다.
Hi