masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > Tutorial Asas DOM: Menggunakan DOM untuk Mengawal Pengetahuan Forms_Basic

Tutorial Asas DOM: Menggunakan DOM untuk Mengawal Pengetahuan Forms_Basic

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan： 2016-05-16 16:18:45
asal
1129 orang telah melayarinya

1. Pengenalan borang

Borang ialah salah satu borang yang paling interaktif pada halaman web Ia menerima data pengguna melalui pelbagai borang, termasuk kotak senarai lungsur, butang radio, kotak semak dan kotak teks digunakan atribut dan kaedah
Anda boleh mengendalikan borang dalam JavaScript dengan mudah, seperti mendapatkan data borang untuk pengesahan yang berkesan, memberikan nilai secara automatik kepada medan borang, memproses acara borang, dsb.
Pada masa ini, setiap borang dihuraikan menjadi objek, iaitu objek bentuk Objek ini boleh dirujuk melalui koleksi document.forms Contohnya, borang dengan atribut nama form1 boleh menggunakan

Salin kod Kod adalah seperti berikut:
document.forms["form1"]

Bukan itu sahaja, anda juga boleh merujuk objek borang melalui indeksnya dalam dokumen. Contohnya

Salin kod Kod adalah seperti berikut:
document.forms[1]

mewakili objek bentuk kedua dalam dokumen rujukan

Berikut ialah borang yang mengandungi berbilang elemen borang Setiap elemen mempunyai teg label dan terikat pada elemen Dengan cara ini, borang boleh ditetapkan dan dipilih dengan mengklik pada teks, yang meningkatkan pengalaman pengguna.

Salin kod Kod adalah seperti berikut:



< ; /p>


< ; /p>




红
Hijau
biru
黄
青
ungu


Sila pilih jantina anda:




Apakah yang anda suka lakukan:









Biasanya setiap elemen borang harus mempunyai atribut nama dan id, nama digunakan untuk menyerahkannya kepada pelayan, dan id digunakan untuk penjilidan dan penapisan fungsi.

2. Akses elemen dalam bentuk

Elemen dalam borang, sama ada kotak teks, butang radio, butang lungsur, kotak senarai lungsur atau kandungan lain, disertakan dalam koleksi elemen borang. Anda boleh menggunakan kedudukan elemen dalam koleksi atau atribut nama elemen untuk Dapatkan rujukan kepada elemen ini.

Salin kod Kod adalah seperti berikut:

var oForm = document.forms["form1"]//Dapatkan borang
          var otextForm = oForm.elements[0]; //Dapatkan elemen pertama
           var otextPasswd = oForm.elements["passwd"] //Dapatkan elemen yang namanya atribut passwd

Kaedah yang paling berkesan dan intuitif untuk digunakan adalah dipetik:

Salin kod Kod adalah seperti berikut:
var otextcomments = oForm.elements.comments; atribut nama sebagai elemen ulasan

3. Harta dan kaedah awam

Semua elemen dalam bentuk (kecuali elemen tersembunyi) mempunyai beberapa atribut dan kaedah biasa. Berikut adalah beberapa yang biasa digunakan

Salin kod Kod adalah seperti berikut:

var oForm = document.forms["form1"]; //Dapatkan borang
                 var otextcomments = oForm.elements.comments; //Dapatkan elemen yang atribut namanya ialah ulasan
               makluman(oForm.type); //Lihat jenis elemen
                var otextPasswd = oForm.elements["passwd"]; //Dapatkan elemen yang atribut namanya ialah passwd
             otextPasswd.focus(); //Fokus pada elemen tertentu

4. Penyerahan borang

Penyerahan dalam borang dilengkapkan melalui butang atau imej dengan fungsi butang

Salin kod Kod adalah seperti berikut:


          

Apabila pengguna menekan kekunci Enter atau mengklik salah satu butang, penyerahan borang boleh dilengkapkan tanpa kod tambahan. Anda boleh menyemak sama ada untuk menyerahkan melalui atribut tindakan dalam borang.

Salin kod Kod adalah seperti berikut:

Semasa proses menyerahkan borang, pengguna boleh mengklik butang hantar berulang kali kerana kelajuan rangkaian yang perlahan, yang merupakan beban besar pada pelayan Tingkah laku ini boleh dilarang dengan menggunakan atribut yang dilumpuhkan. Contohnya:

Salin kod Kod adalah seperti berikut:

Label berkaitan：
dom
Artikel sebelumnya：js untuk melaksanakan kemahiran pusingan tanglung effect_javascript DOM Artikel seterusnya：Perbincangan ringkas tentang sifat dalaman fungsi JavaScript_Pengetahuan asas
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan