Form / input 태그 속성 정리

조수경·2022년 1월 10일
0

JSP

목록 보기
19/45

1. Form 태그 속성 정리

1) action(필수) : 폼 데이터를 받아 처리하는 웹 페이지 URL
2) method(필수) : 폼 데이터가 전송되는 HTTP 방식(GET, POST)
3) name(필수) : 폼 식별 이름
4) id(필수) : 폼 식별 아이디
5) onsubmit(선택) : submit 버튼 클릭 시 거쳐야 할 function
6) enctype(선택) : 폼 전송 콘텐츠 MOME 유형, multipart/form-data를 사용하여 파일 업로드 처리
7) target(선택) : 폼 처리 결과의 응답을 실행할 frame 설정
8) accept-charset(선택) : 폼 전송 시 사용할 문자 인코딩 설정

2. input 태그 기본 속성

1) type
- text : 한 줄 텍스트 입력
- radio : 라디오 버튼(단일 선택)
- checkbox : 체크 박스(다중 선택)
- password : 암호 입력
- hidden : 숨김
- file : 파일 업로드
- button : 버튼 모양
- reset : 폼에 입력된 값 초기화
- submit : 폼에 입력된 값 모두 서버로 전송
2) value : 입력 양식 식별 이름
3) name : 입력 양식 초깃값
4) readonly : 읽기 전용
5) disabled : 비활성화 설정(true / false)
6) maxlength : 최대 입력 글자 수
7) size : 입력 양식의 너비()
8) checked : checkbox. radio 에서 사용
9) required : 필수 태그로 설정 Submit 버튼 클릭 시 체크해줌
10) autofocus : 웹 페이지 로딩 시 포커스 됨
11) placeholder : 입력 양식의 힌트
12) pattern : 정규 표현식을 통한 유효값 입력

profile
신입 개발자 입니다!!!

0개의 댓글