4. 폼 관련 태그들
4-1. form 태그
action
폼의 내용이 웹서버에 전달될때 이를 처리할 CGI나 서블릿/JSP 프로그램의 URL이나 이름을 기술한다.
method
HTTP명령어를 기술한다. 보통 GET과 POST중에서 하나를 사용한다.
enctype
인코딩 타입을 기술한다. 파일 업로드에는 enctype 속성 값으로 multipart/form-data를 기술한다.
target
서블릿/JSP 프로그램이 데이터를 처리한 후에 결과를 보여줄 프레임이나 창의 이름을 기술한다.
onsubmit
폼 데이터를 서버로 전송하기 위해 submit 버튼을 클릭하였을때 동작하는 자바 스크립트 함수를 기술한다.
onreset
폼 데이터에 대해 reset 버튼이 클릭되었을때 동작하는 자바 스크립트 함수를 기술한다.
4-2 input 태그
type
입력 형태를 기술하며, 다음과 같은 값들을 사용할 수 있다.
type="button" 클릭할 수 있는 버튼을 사용한다.
type="text" 문장 한줄을 입력할 수 있다.
type="password" 암호를 입력할 때 사용된다.
type="checkbox" 체크박스 형태로 값을 선택할 수 있다.
type="radio" 동일한 이릉믈 가진 것들 중에서 하나만 선택할 수 있다.
type="submit" 폼에서 기술한 내용을 웹 서버로 전송한다.
type="reset" 폼에 기술한 내용들을 초기 값으로 변경한다.
type="hidden" 화면에 안보이는 값을 웹서버에 전달할 때 사용된다.
type="image" 이미지 맵을 이용하는 경우에 이미지에 마우스가 클릭된 곳의 위치를 리턴한다.
type="file" 파일을 선택할 수 있는 창이 나타나도록 한다. 이것은 파일을 업로드할 때 사용된다.
name
현재 input태그의 이름을 기술한다.
value
input 태그의 값을 기술한다. 값은 형태에 따라 여러 의미로 사용된다.
text,password 디폴트 문자열
checkbox, radio 선택된 버튼의 값
reset, button, submit 버튼의 라벨(label)
checked
type이 checkbox나 radio인 경우 디폴트로 선택됨을 의미한다. checked속성이 기술되어 있지 않으면 디폴트로 선택되지 않는다.
size
type이 text나 password인 경우에 화면에 보일 문자의 수를 의미한다.
maxlength
text와 password에 입력할 수 있는 문자의 최대수를 의미한다.
readonly
type이 text나 password인 경우에 읽기 전용으로 만든다.
src
type이 image인 경우에 이미지 파일의 위치를 기술한다.
onfocus
마우스의 포커스를 받았을때 실행할 자바스크립트 함수를 기술한다.
onblur
마우스의 포커스를 잃었을때 실행할 자바스크립트 함수를 기술한다.
onselect
type이 text인 경우 혹은 textarea에서 텍스트 내용을 마우스로 선택한 경우에 실행할 자바스크립트 함수를 기술한다.
onchange
마우스의 포커스를 잃고, 내용이 변경된 경우에 실행할 자바스크립트 함수를 기술한다.
4-3 select, optgroup, option
name
현재 select 태그의 이름을 의미한다.
size
한번에 보일 <option>태그 아이템의 수를 의미한다.
multiple
한번에 여러개를 선택할 수 있는지 여부를 기술한다. multiple이 선언되어 있으면 한번에 여러개의 아이템을 선택할 수 있다.
onfocus
마우스의 포커스를 받았을때 실행할 자바크스크립트 함수를 기술한다.
onblur
마우스의 포커스를 잃었을때 실행할 자바스크립트 함수를 기술한다.
onchange
마우스의 포커스를 잃고, 내용이 변경된 경우에 실행할 자바스크립트 함수를 기술한다.
optgroup 태그는 select 태그에서 option태그들을 여러개의 그룹으로 분류하기 위해서 사용된다
label
옵션그룹의 라벨(Label)을 기술하기 위해서 사용된다.
option태그는 select혹은 optgroup태그 내에서 아이템을 표현한기 위해서 사용된다.
selected
select태그에서 현재 option이 디폴트로 선택되었음을 의미한다.
value
서버로 전달될 값을 기술한다. 만약 value속성이 기술되어 있지 않으면 option태그의 내용이 값을 전달된다.
* optgroup 효과:IE에서는 특별한 효과가 보이지 않는다.
4-4 textarea 태그
name
현재 textarea태그의 이름을 의미한다.
rows
세로축으로 화면에 보일 라인 수를 의미한다.
cols 가로 축으로 화면에 보일 문자의 수를 의미한다.
readonly
읽기전용으로 만든다.
onfocus
마우스의 포커스를 받았을때 실행할 자바스크립트 함수를 기술한다.
onblur
마우스의 포커스를 잃었을때 실행할 자바스크립트 함수를 기술한다.
onselect
type이 text인 경우 혹은 textarea에서 텍스트 내용을 마우스로 선택한 경우에 실행할 자바스크립트 함수를 기술한다.
출처 - 프로그래머를 위한 서블릿/JSP