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

Nilai pulangan acara akan mempengaruhi tindakan lalai objek. Contohnya: Tindakan lalai teg <a>

Jika acara mengembalikan palsu, pelaksanaan tindakan lalai dihalang jika acara mengembalikan benar atau kosong, tindakan lalai meneruskan pelaksanaan.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
    </head>
    <body>
        <a href="//m.sbmmt.com" onclick="return false">PHP中文网</a>
    </body>
</html>

Terdapat dua peristiwa yang dipengaruhi oleh nilai pulangan: onclick dan onsubmit.


<🎜>
Meneruskan pembelajaran
||
<!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>
  • Cadangan kursus
  • Muat turun perisian kursus