Konten yang dibagikan oleh artikel ini adalah tentang beberapa atribut objek HTML yang umum digunakan yang cocok untuk dipelajari pemula. Situs web ini mencakup beberapa atribut objek HTML yang umum digunakan yang cocok untuk dipelajari oleh pemula. Ini menjelaskan metode dan pengetahuan yang relevan tentang metode aplikasi dan pengetahuan dari atribut objek pemula dalam artikel. Selamat datang untuk memberi Anda beberapa dukungan dan bantuan dalam hal ini! Berikut ini adalah detailnya:
Apa yang dibagikan oleh artikel ini dengan Anda adalah tentang beberapa properti objek HTML yang umum digunakan yang cocok untuk dipelajari pemula.
Bentuk objekMetode objek bentuk
reset (): Atur ulang semua elemen input formulir ke nilai defaultnya.
Kirim (): Kirim formulir.
Objek teksProperti Objek Teks
Dinonaktifkan: Menetapkan atau mengembalikan apakah bidang teks harus dinonaktifkan.
Readonly: Set atau kembali apakah bidang teks harus hanya baca.
Nilai: Mengatur atau Mengembalikan Atribut Nilai Bidang Teks.
Metode objek teks
focus (): Tetapkan fokus pada bidang teks.
Contoh
<! Doctype html> <html> <head> <meta charset = utf-8> <itement> </title> </head> <body> <sorm> <input name = wd/> <input type = kirim nilai = Baidu onClick = Sub ()> </Form> <cript> var form = document.getelementsbytagname (form) </form) </form; var form = document.getelementsbytagname (form)> </form) </form; var text = document.geteLementsbyname (wd) [0]; text.focus (); fungsi sub () {var text = document.geteLementsByName (wd) [0]; // text.value = magic; // text.readonly = true; // console.log (text.readonly); // text.disabled = true; console.log (text.disabled); text.focus (); } // Tag dengan jenis teks, kata sandi, dan tekstara memiliki nilai, fokus, dinonaktifkan, dan readonly </script> </body> </html> Objek radioProperti Objek Radio
Diperiksa: Mengatur atau mengembalikan status tombol radio.
Dinonaktifkan: Mengatur atau mengembalikan apakah akan menonaktifkan tombol radio.
Nilai: Menetapkan atau mengembalikan nilai properti nilai tombol radio.
Objek kotak centangProperti objek kotak centang
Diperiksa: Set atau pengembalian apakah kotak centang harus dipilih.
Dinonaktifkan: Setel atau kembalikan apakah kotak centang harus dinonaktifkan.
Nilai: Mengatur atau Mengembalikan Nilai Atribut Nilai Kotak Centang
Pilih ObjekPilih Koleksi Objek
Opsi []: Mengembalikan array yang berisi semua opsi dalam daftar drop-down.
Pilih Properti Objek
Dinonaktifkan: set atau kembali apakah daftar drop-down harus dinonaktifkan.
Panjang: Mengembalikan jumlah opsi dalam daftar drop-down.
SelectedIndex: Mengatur atau mengembalikan nomor indeks item yang dipilih dalam daftar drop-down.
Pilih metode objek
add (): Tambahkan opsi ke daftar drop-down.
Hapus (): Hapus opsi dari daftar drop-down.
Objek opsiMetode Opsi Objek Konstruksi
Opsi (Teks, Nilai): Buat Objek Opsi melalui Teks dan Nilai Nilai
Properti Opsi Objek
dipilih: set atau mengembalikan nilai properti yang dipilih.
Teks: Mengatur atau mengembalikan nilai teks sederhana dari suatu opsi.
Nilai: Menetapkan atau mengembalikan nilai yang dikirim ke server.
Pilih Contoh Objek dan Opsi Objek <! Doctype html> <html> <head> <meta charset = utf-8> <itement> </ title> </ head> <tody> <pilih id = grade> <value opsi = 1> grade pertama </pection> <Opsi Nilai = 2> Teks Kelas Dua </Opsi> </3> Opsi Kelas Kedua </Opsi </Option> <Opsi Value = 4> Kelas Empat </Option> <Opsi = 3> Opsi Kelas Kedua </Opsi </Option> <Opsi Value = 4> Kelas Empat KEDUA </Option> </input </input </Inption </Option </Option </Option Nilai Opsi = 4> Kelas Empat </Option </Option = Input = Into Sore value = Tombol/Tombol/> <Tipe Script = Teks/JavaScript> Teks fungsi () {var select = document.getElementById (grade); console.log (select.disabled); console.log (select.length); console.log (select.selectedIndex); console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ `) Var Opsi = SELECT.Options; console.log (opsi [select.selectedIndex] .value); console.log (@@@@@@@@@@@@@@@@@@@@@@s) untuk (var i = 0; i <options.length; i ++) {console.log (opsi [i] .value); console.log (opsi [i]. Dipilih); console.log (opsi [i] .text); } var opsi = opsi baru (kelas 5, 5); SELECT.ADD (opsi); SELECT.REMOVE (0); } </script> </body> </html> Formulir Pendaftaran <! Doctype html> <html> <head> <meta charset = utf-8> <itement> </ title> </pead> <body> <span style = warna: merah; id=wrong-massage></span><br /> <form onsubmit=return check()> <table> <tr> <td>Username: </td> <td><input id=name placeholder=Please enter the username onblur=check_name() ></td> </tr> <tr> <td>Password: </td> <td><input id=pw type=password placeholder=Please enter the password onblur=check_pw()></td> </tr> <tr> <td>Confirm password: </td> <td><input id=pw-check type=password placeholder=Please enter the confirmation password/></td> </tr> </table> <input type=radio name=sex value=0/> Male<input type=radio name=sex value=1/> Female<br /> <input type=checkbox name=hobby value=0/> Badminton<input type=checkbox name=hobby value=1/> Basketball<input type=checkbox name=hobby value=1/> Table tennis<input type=checkbox name=hobby value=3/> Football<br /> <select id=grade> <option value=1>Freshman</option> <option value=2>Soul</option> <option value = 3> junior </option> <option value = 4> senior </option> </schect> <br/> <td> <input type = reset value = reset/</td> <td> <input type = kirim nilai = register/</td> </form> <script> // menggunakan fungsi $ () dapat menghemat fungsi kode $ (id) {script>; } function check () {var n = document.geteLementById (name); var w = document.geteLementById (pw); var msg = document.getElementById (salah-massage); var c = document.getElementById (pw-check); if (n.value.length> 12) {msg.innerHtml = Nama pengguna tidak dapat melebihi 15 karakter, silakan masukkan kembali! ; n.focus (); mengembalikan false; } if (n.value.length == 0) {msg.innerHtml = Nama pengguna tidak bisa kosong, silakan masukkan kembali! ; n.focus (); mengembalikan false; } if (w.value.length> 12) {msg.innerHtml = Kata sandi tidak dapat melebihi 12 karakter, silakan masukkan kembali! ; w.focus (); mengembalikan false; } if (w.value.length == 0) {msg.innerHtml = Kata sandi tidak bisa kosong, silakan masukkan kembali! ; w.focus (); mengembalikan false; } if (w.value! = c.value) {msg.innerHtml = kata sandi salah, silakan masukkan kembali! ; c.focus (); mengembalikan false; } var sex = document.getElementsbyname (sex); var hobby = document.geteLementsbyname (hobi); untuk (var i = 0; i <sex.length; i ++) {sex [i] .disabled = true; console.log (seks [i]. CHECKED + + SEX [i] .value); } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~ untuk (var i = 0; i <hobby.length; i ++) {hobi [i] .Checked = true; console.log (hobi [i]. CHECKED + + HOBBY [i] .value); } console.log (~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~ ~) var select = document.getElementById (grade); VAR OPTION = SELECT.Options; console.log (select.length); console.log (select.selectedIndex); console.log (opsi [select.selectedIndex] .value); untuk (var i = 0; i <options.length; i ++) {var option = options [i]; console.log (option.value) select.disabled = true; } return false; } function check_name () {var n = document.geteLementById (name); var msg = document.getElementById (salah-massage); if (n.value.length> 12) {msg.innerHtml = Nama pengguna tidak dapat melebihi 15 karakter, silakan masukkan kembali! ; n.value =; n.focus (); } else if (n.value.length == 0) {msg.innerHtml = Nama pengguna tidak bisa kosong, silakan masukkan kembali! ; n.focus (); } else {msg.innerHtml =; }} function check_pw () {var w = document.geteLementById (pw); var msg = document.getElementById (salah-massage); if (w.value.length> 12) {msg.innerHtml = Kata sandi tidak dapat melebihi 12 karakter, silakan masukkan kembali! ; W.Value =; w.focus (); } lain jika (w.value.length == 0) {msg.innerHtml = kata sandi tidak cocok, silakan masukkan kembali! ; w.focus (); } else {msg.innerHtml =; }} </script> </body> </html> Objek gambarProperti Objek Gambar
SRC: Atur atau kembalikan URL gambar.
Isi pengantar untuk beberapa properti objek HTML yang umum digunakan yang cocok untuk pemula untuk belajar ada di sini. Anda dapat menandai URL halaman ini http://www.vevb.com/web/a/2018090496002.shtml untuk akses mudah lain kali.