HTML Form 태그

안농하세요 꼬로미예요!

JSP 웹 프로그래밍에 대해 배우며 포스팅해요

저는 JDK, 이클립스, 웹 컨데이너 톰캣을 사용합니다

Form 태그

---

웹 페이지로 정보를 입력하는 영역 폼(form)

이 폼 영역에 텍스트나 숫자를 입력을 할 수 있고 체크박스의 표시, 라디오 버튼을 선택하는 등이 가능하며

입력된 폼 값은 전송이 가능합니다

코드는 <form> 태그로 시작해 </form> 태그로 끝이 납니다

• Input
• Form 태그
• 폼의 속성
• Input 태그 속성
• Select 태그 속성
• Textarea 태그 속성

<input>

정보를 입력할 수 있는 영역을 정의합니다

모든 input 요소는 name 속성과 type 속성을 가집니다

type 속성의 값은 (button, checkbox, file, hidden, image, password, radio, reset, submit)중에 하나를 사용합니다

기본 폼 태그

Name : <input type="text" name="name" id="name" value="">

Email : <input type="text" name="email" id="email" value=""><br>

Comments : <textarea rows="20" cols="50" name="comment" id="comment">뭐라카노?</textarea><br>

Submit : <input type="submit" value="submit">

위의 값을 주고 이클립스에서 톰캣서버를 활용한 실행화면입니다

폼의 속성

- name="이름"  : 폼의 이름

- method="get | post"  : 전송방식의 처리 방법 결정

get방식

• 전송되는 양이 제한됨, 속도가 빠름(속도면에서 큰차이는 없음)
• 보안이 post방식보다 조금 취약
• 구글이 사용하는 방식
• URP 정보를 제공하므로 바로 접속이 가능하게 북마크 처리가 가능(blog 등에서 활용)
• 최근 post방식에서 get방식으로 많이 바뀌고 있음

post방식

• URL을 숨김, 데이터가 URL을 통하지 않고 인코드되어 전달
• get 방식보다 조금 더 안전함
• 일반적으로 좋은 옵션으로 대부분 웹이 사용

- action=""  : 폼 양식의 내용을 처리할 cgi/server script 지정

- enctype="" : 폼양식의 내용 형태

- target="_BLANK" : 새창으로 열기

- target="_PARENT"  : 상위 문서 페이지 창 열기

- target="_SELP"  : 현재 창으로 문서 열기(default)

- target="_TOP"  : 새로운 창으로 열기 (프레임 사람짐)

- target="이름"  : 개발자가 설정한 창으로 이동

input tag의 속성

- name="이름"   : input 구성의 이름을 정의(반드시 처리)

- value="값"   : input 박스 안에 들어가 기본 값

- type="TEXT|PASSWORD|IMAGE|HIDDEN|RADIO|CHECKBOX|SUBMIT|RESET"  : 입력방식의 결정

- checked  : 미리체크된 항목

- size="n"  : 텍스트 박스의 길이

- maxlength="n"  : 최대 입력 자리수

- style=""   : 스타일 시트 적용

select tag의 속성

- name="이름"   : select 구성의 이름을 정의

- size="n"   : 항목에 들어갈 선택 메뉴의 개수

- multiple   : 다중선택가능

textarea tag의 속성

- name="이름"   : 상자의 이름 정의

- warp="OFF|PHYSICAL|VIRTUAL|SOFT|HARD"   : 열을 자동으로 바꿀지의 설정

        PHYSICAL  : 화면에 맞게 자동 줄 맞춤(전송시는 입력 상태)

        VIRTUAL   : 화면에 맞게 자동 줄 맞춤 (전송시에도 줄바꿈) 

(외관상 달라보이지 않지만 소스를 보면 다르게 보임)

        SOFT      : 기본값이며, 텍스트는 줄바꿈하고 엔터문자나 라인피드 없이 보여줌

        HARD      : 텍스트 줄바꿈하며, 엔터문자나 라이피드하여 보여줌                     

- col="n"   : 열의 크기

- row="n"   : 행의 크기

읽어주셔서 감사드립니다~ 

수정해야될 부분이 있다면 과감히 알려주세욤

^^*