フォームオブジェクト
form オブジェクト
<form> タグは <form> オブジェクトです。
フォームオブジェクトの屬性
name: フォームの名前。主に JS にフォームを制御させるために使用されます。
アクション: フォームデータ処理プログラム (PHP ファイル)。
method: フォーム送信メソッド、値: GET、POST
enctype: フォームデータのエンコード方法。
フォームオブジェクトのメソッド
submit(): フォームを送信します。これは <input type = “submit” /> と同じ機(jī)能を持ちます。
reset(): フォームをリセットします。リセット ボタンと同じ機(jī)能があります。
フォームオブジェクトイベント
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對(duì)象
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 屬性を通じてフォーム要素オブジェクトを取得します。フォーム內(nèi)のすべての要素の開(kāi)始點(diǎn)はドキュメント オブジェクトである必要があります。
構(gòu)文: document.formObj.elementObj
アクセス方法は3層構(gòu)造です。このうち、formObjはフォームオブジェクトを表し、elementObjはフォーム要素オブジェクトを表します。
例: document.form1.username.value.length
イベントの戻り値
イベントの戻り値は、オブジェクトのデフォルトのアクションに影響します。例: <a> タグのデフォルトのアクションは URL を開(kāi)くことです。
イベントが false を返した場(chǎng)合、デフォルトのアクションの実行は阻止されます。イベントが true または空を返した場(chǎng)合、デフォルトのアクションは実行され続けます。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> </head> <body> <a href="http://miracleart.cn" onclick="return false">PHP中文網(wǎng)</a> </body> </html>
戻り値の影響を受けるイベントは 2 つあります: onclick と onsubmit。
