HTML- form&input태그

고혜원·2024년 12월 18일
post-thumbnail

<form태그>

=> form태그에 사용하는 공통속성은 4개가 있습니다.

1. autocomplete : 자동완성으로 기본값은 off입니다.
2. target : action에서 지정한 서버주소를 다른 위치에서 열도록 지정합니다.
3. enctype : 폼 데이터가 서버로 제출될 때 해당 데이터가 인코딩되는 방식

  • application/x-www-form-urlencoded : 기본값, 서버로 문자를 보내기 전에 인코딩됨을 명시
  • multipart/form-data : 문자를 인코딩하지 않음을 명시
  • text/plain : 공백문자는 +기호로 변환하지만 다른 문자는 인코딩되지 않습니다.
  1. novalidate : 유효성 검사를 하지 않는것을 의미한다. (input태그에도 쓸 수 있음)

<input태그>

  1. readonly : 읽기전용 필드임을 명시
    사용자가 입력할 수 없고 읽기만 가능한 필드를 지정할 경우만 사용한다.
  2. placeholder : 사용자가 어떤 내용을 입력해야하는지 힌트를 표시할 때 사용
  3. autofocus : 페이지를 불러오면 특정 부분에 마우스 커서가 표시된다.
  4. autocomplete : 자동완성 기능
  5. maxlength : 최대한 입력할 수 있는 문자의 개수를 지정
  6. required : 필수 입력 필드 (빈칸이면 넘어가지 않음)
  7. value : 초기값. 서버에 넘겨야 하는 값이 있을 때 주로 사용한다.
  8. size : select태그를 사용할 때 화면에 표시할 목록의 개수를 지정

0개의 댓글