# 폼태그
폼태그 - INPUT(text, password, checkbox, radio, submit, reset) : 웹 브라우저 화면에 사용자 정보 입력형식
표시할때사용
ACTION : 사용자의 입력 데이터를 처리할 프로그램의 URL주소를 지정
METHOD : 사용자 데이터를 넘겨주는 방식을 지정하는데 GET, POST방식 두가지 있다.
(GET:프로그램환경변수로 넘김, POST:표준입력을 사용)
ENCTYPE : 데이터 형식을 지정한다.
<body>
<form>
<input type="text">
<input type="password">
<input type="button">
<input type="radio" name="a">여 //같은네임끼리는 중복안됨!(네임으로 구분!)
<input type="radio" name="a">남
<input type="radio" name="b">aa
<input type="radio" name="b">bb
<input type="radio" name="b">cc
<input type="checkbox">dd //중복되기때문에 name이없음
<input type="checkbox">ee
<input type="checkbox">ff
<textarea> </textarea>
<input type="file"> // 파일선택창이뜨는데 선택한파일명이 바로다음에 뜸
<select>
<option>주부
<option>학생
<option>전문직
</select>
</form>
</body>
</html>
# 폼요소에 접근하는 방법
1 document.forms[숫자].elements[숫자]
2 폼명.요소명
3 this사용하는 방법
4 id사용하는 방법
그냥 4번을 사용해서 document.getElementById("id") 하는게 젤 좋을듯
나머지방법도 있다는것만 알고 잇을것!!!
모든태그에는 아이디를 줄수있음!
하지만! 폼태그에만 네임을 줄수 있음! (폼태그안의 태그에도!)
즉, 폼태그안에는 input이나 textarea select등 클라이언트에게 정보를 얻을수 있는것에만 쓸수있음!
이유는 request의 name, value로 날라가서????
# 정리예제
<html>
<head>
<script> window.onload=function(){
}
function m(bu){
//document.forms[0].elements[0].value="천재"; // 폼태그 1번 접근방식
//f.b.value="천재"; // 폼명.요소명으로 접근방식
//f.bb.value="천재"; // 아이디도 접근가능
//bu.value="천재"; // this로 접근방식
var bObj=document.getElementById("bb"); // id로 접근방식
bObj.value="천재";
}
</script>
</head>
<body>
<form name="f">
<input type="button" value="바보" onclick="m(this)" name="b" id="bb">
</form>
</body>
</html>
# 크로스 브라우징 ( 아이디방식사용할때 이렇게 꼭습관을들여야함 크로스브라우징때문에 )
변수명=document.getElementById(문자열id);