objek bentuk
objek bentuk
Teg <bentuk>
Sifat objek bentuk
nama: Nama borang, digunakan terutamanya untuk membenarkan JS mengawal borang.
tindakan: borang program pemprosesan data (fail PHP).
kaedah: kaedah penyerahan borang, nilai: GET, POST
enctype: kaedah pengekodan data borang.
Kaedah objek bentuk
serahkan(): Serahkan borang, fungsi yang sama seperti <jenis input = “serahkan” />.
reset(): Tetapkan semula borang, yang mempunyai fungsi yang sama seperti butang set semula.
Acara objek bentuk
onsubmit: Berlaku apabila butang hantar diklik dan sebelum data dihantar ke pelayan. Terutamanya digunakan untuk "pengesahan borang sebelum penyerahan borang".
onset: Berlaku apabila butang set semula diklik.
<!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>
Dapatkan elemen borang
- Dapatkan objek melalui id elemen web. document.getElementById(id)
- Dapatkan objek melalui nama teg HTML. parentNode.getElementsByTagName(tagName)
- Dapatkan objek elemen borang melalui atribut nama. Titik permulaan semua elemen dalam bentuk mestilah objek dokumen.
- Sintaks: document.formObj.elementObj
- Kaedah akses ialah struktur tiga peringkat. Antaranya, formObj mewakili objek bentuk, dan elementObj mewakili objek elemen bentuk.
- Contoh: document.form1.username.value.length
Nilai pulangan acara
<!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>Terdapat dua peristiwa yang dipengaruhi oleh nilai pulangan: onclick dan onsubmit.