양식 개체

form 개체

양식 객체의 속성

name: 양식 이름. 주로 JS에서 양식을 제어하는 데 사용됩니다.
action: 양식 데이터 처리 프로그램(PHP 파일).
method: 양식 제출 방법, 값: GET, POST
enctype: 양식 데이터의 인코딩 방법.

양식 객체의 방법

submit(): <입력 유형 = “submit” />과 동일한 기능을 가진 양식을 제출합니다.
reset(): 재설정 버튼과 동일한 기능을 가진 양식을 재설정합니다.

양식 개체 이벤트

onsubmit: 제출 버튼을 클릭할 때 발생하며 데이터가 서버로 전송되기 전에 발생합니다. 주로 "양식 제출 전 양식 유효성 검사"에 사용됩니다.
onreset: 재설정 버튼을 클릭하면 발생합니다.

<!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입니다.

지속적인 학습

새로운 파일

<!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>

제출하다 코드 재설정

자동운전