JSP-폼(form) & Input & select & textarea

폼(form)

- 사용자 의견이나 정보를 알기 위해 입력한 큰틀을 만드는데 사용되며, 웹에서 많이 사용함.

- 클라이언트(사용자)가 정보를 입력, 선택하고, 웹 서버 등의 폼을 처리하는 곳에 제출하기 위한 기구.

 

<폼(form) 사용예시>

 

 

Input 태그

- 사용자가 다양하게 폼 태그에 입력할 수 있는 공간을 만들어줌.

 

<input 요소>

- type, name, value, required value, disabled, readonly, placeholder, pattern 등이 있음.

input요소

- type : 태그 모양, 기능을변경 시켜줌.

- name : input이름 지정

- value : 초기값을 입력해 놓음., 초기 값 원하지 않을때 지우고 원하는 값 입력.

- required value :  필수로 입력해야하는 input칸, 입력하지 않으면 오류 발생.

                    required value = "초기값" 으로 초기값을 미리 설정해 놓을 수 있음. 원치 않으면 지우고 원하는 값 입력.

- disabled : 입력받지 않는 input칸

- readonly : 입력할 수 없고 오직 내용만 읽을 수 있는 input칸

- placeholder : value와 비슷해 보일수 있지만, 입력되지 않고 예시같은 것을 보여주는 input칸, 커서를 가져다 대면 입력된 것처럼 보이는 문자열 사라짐.

- pattern : 원하는 패턴을 지정해 원하는 패턴 내 입력값만 받을 수 있도록 함.

 

<Input요소 - type>

- Input요소중 type은 Input의 모양이나 기능을 다르게 표현 할 수 있도록 해주는 요소이다.

- type에는 submit, text, number, date, file, password, email, checkbox, radiobox 등이 있음.

 

1) submit : form태그에 입력된 데이터 서버로 전송해줌. (서버로 전송해줄 버튼 생성)

2) text : 일반 텍스트 입력

3) number : 숫자만 입력가능, 문자 입력 불가

4) date : 날짜 입력

5) check box : 선택Input기능, 여러개 선택 가능함.

6) raido box : 선택 Input기능, 하나만 선택 가능함.

 

7) password : 비밀번호 입력칸으로, 입력하는 문자열이 보이지 않음.

 

 

목록 태그 - select, option

1. 기본 목록 태그 사용방법

2. 목록 태그에 범위 부여해 사용가능(밑의 예제: 2000~2020범위 option으로 줌)

 

 

여러줄 글 상자 - textarea

기본 input-text는 여러줄을 작성하기 불가능 한데, textarea는 여러 줄 작성이 가능함. (보통 긴글을 작성해야 할 때 사용)