form オブジェクト
<form> タグは <form> オブジェクトです。
フォームオブジェクトの属性
name: フォームの名前。主に JS にフォームを制御させるために使用されます。
アクション: フォームデータ処理プログラム (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>
フォーム要素を取得します
Web要素の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>
戻り値の影響を受けるイベントは 2 つあります: onclick と onsubmit。
次のセクション