안녕하세요~!
Servlet 관련 HTML 입력 태그 관련 내용입니다.
기본적으로 HTML 태그 선언 시 대소문자 구분하며, 속성값은 “ “ 큰따옴표로 작성하셔야 합니다.
# HTML 입력양식 태그 종류
1. Form 태그
Web 상에서 입력양식 제공 태그로 로그인 또는 검색에 입력하는 방식
<form action = “서버프로그램 경로” method = “요청방식”>
1> action : 클라이언트가 입력한 문자열 전달받아 처리할 서버 프로그램 경로 지정
2> method : ‘GET’ or ‘POST’ 등 요청방식 지정
- GET : 클라이언트가 서버의 데이터를 가져오는 방식
- POST : 서버의 데이터를 변경 요청하는 방식
2. 체크박스 (Checkbox)
목록 형태로 여러 항목을 선택할 수 있는 태그로 다중선택 가능 O
<input type = “checkbox” name = “변수이름” value = “문자열”>
3. 라디오버튼 (Radio Button)
체크박스와 동일하게 항목을 선택하는 태그로 다중 선택이 불가 X
<input type = “radio” name = “변수이름” value = “문자열”>
4. 목록형태 (Option)
목록 리스트 형태로 선택할 수 있는 태그
5. 텍스트 입력상자
1>한줄 텍스트 입력
<input type = “text” name = “변수이름” maxsize = “숫자” size = “숫자” value = “문자열”>
Maxsize : 글자입력 최대 길이
Size : 글자입력 상자 길이
Type : “text”로 하면 일반 글자 입력대로 표기, “password”로 하면 특수기호(*) 처리된 입력 값 표시
2>여러줄 텍스트 입력
<textarea cols = “숫자” rows = “숫자” name = “변수이름”> </textarea>
Cols : 열의 수
Rows : 행의 수
6. 전송 버튼
프로그램의 실행 요청하는 기능의 버튼
<input type = “submit” value = “문자열”>
7. 초기화 버튼
입력한 값 모두 지우는 기능의 버튼 (지우기 or 초기화)
<input type = ‘reset’ value = “문자열”/>
<참고 : Get 방식과 Post방식>
1> GET 요청방식
Get 방식으로 요청한 경우 호출한 URL에 form에 입력한 데이터들이 표기됩니다.
Name=value&name=value……
2> GET방식 주요 특징
클라이언트가 get 방식으로 요청을 하면 서버로 전달되는 문자열이 브라우저의 주소 url에 모두 표시
문자열을 요청정보 헤더에 포함하여 전달.
인코딩/디코딩 불필요하여 처리속도 빠름
보안 상 외부에 노출되어도 되는 데이터를 전달할 때 사용
URI에 정보가 담아서 보내지기 때문에 URI 길이도 정해져 있으므로 주의 (255 byte 유의)
3> POST 방식
GET 방식과 다르게 Header에 요청정보가 전달되지 않고, Body 몸체에 전달됩니다.
외부에 노출되지 않고, 길이 제한도 없어 데이터 크기가 커도 상관없음
POST방식은 전송 시 인코딩하여 보내고 서버에서는 디코딩 작업 필요
이상입니다.