form 개체
<form> 태그는 <form>
양식 객체의 속성
name: 양식 이름. 주로 JS에서 양식을 제어하는 데 사용됩니다.
action: 양식 데이터 처리 프로그램(PHP 파일).
method: 양식 제출 방법, 값: GET, POST
enctype: 양식 데이터의 인코딩 방법.
양식 객체의 방법
양식 개체 이벤트
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<script type="text/javascript">
window.onload = function(){
//获取form对象
var formObj = document.form1;
//增加method属性
formObj.method = "post";
//增加action属性
formObj.action = "login.php";
}
</script>
</head>
<body>
<form name="form1">
用户名：<input type="text" name="username" />
密码：<input type="password" name="userpwd" />
<input type="submit" value="提交表单" />
</form>
</body>
</html>
양식 요소 가져오기
웹 요소의 ID를 통해 개체를 가져옵니다. document.getElementById(id)
HTML 태그 이름을 통해 객체를 가져옵니다. parentNode.getElementsByTagName(tagName)
name 속성을 통해 양식 요소 객체를 가져옵니다. 양식에 있는 모든 요소의 시작점은 문서 개체여야 합니다.
구문: document.formObj.elementObj
액세스 방법은 3계층 구조입니다. 그 중 formObj는 폼 객체를 나타내고, elementObj는 폼 요소 객체를 나타낸다.
예: document.form1.username.value.length
이벤트 반환 값
이벤트의 반환 값은 개체의 기본 동작에 영향을 미칩니다. 예: <a> 태그의 기본 동작은 URL을 여는 것입니다.
이벤트가 false를 반환하면 기본 작업의 실행이 금지되고, 이벤트가 true를 반환하거나 비어 있으면 기본 작업이 계속 실행됩니다.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
</head>
<body>
<a href="http://www.php.cn" onclick="return false">PHP中文网</a>
</body>
</html>
반환 값의 영향을 받는 두 가지 이벤트는 onclick과 onsubmit입니다.
다음 섹션