Rumah > Artikel > hujung hadapan web > Objek Julat Input DOM HTML

Objek Julat Input DOM HTML

王林ke hadapan: 2023-08-28 16:01:091344semak imbas

HTML DOM objek julat input dikaitkan dengan elemen d5fd7aea971a85678ba271703566ebfd Kita boleh menggunakan kaedah createElement() dan getElementById() untuk mencipta dan mengakses elemen input julat jenis masing-masing.

Attributes

Berikut ialah atribut objek skop Input:

#🎜🎜🎜##🎜 1##🎜🎜🎜🎜 🎜🎜## 🎜🎜#autofocus#🎜🎜🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan sama ada kawalan peluncur julat memperoleh fokus secara automatik apabila halaman dimuatkan. 58Min#🎜##🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai sifat minimum kawalan gelangsar. Nama#🎜##🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai sifat Nama kawalan gelangsar. #🎜🎜 #nilai#🎜🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai sifat Nilai kawalan gelangsar. Nombor siriMengurangkan nilai kawalan peluncur dengan nombor yang diberikan. Ini akan menghasilkan output berikut −

Properties and Description
Tetapkan atau kembalikan nilai sifat autolengkap bagi kawalan julat.	2
	3 defaultValue#🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai lalai bagi kawalan peluncur julat.
4	kurang upaya#🎜##🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan sama ada kawalan gelangsar dilumpuhkan.
form#🎜##🎜🎜🎜🎜🎜🎜🎜 Mengembalikan rujukan kepada borang yang mengandungi kawalan gelangsar.	6 #🎜🎜 #Senarai#🎜##🎜🎜🎜🎜🎜🎜🎜 Mengembalikan rujukan kepada senarai data yang mengandungi kawalan gelangsar.
	7#🎜🎜 #Max#🎜##🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai sifat maksimum kawalan gelangsar.
	9
	10 #🎜🎜 #Langkah#🎜🎜🎜🎜🎜🎜🎜🎜 Menetapkan atau mengembalikan nilai sifat langkah kawalan gelangsar.
11	#🎜🎜🎜#Jenis####🎜🎜🎜🎜🎜 Mengembalikan jenis elemen bentuk kawalan gelangsar. 12
	kaedah Berikut ialah kaedah objek kata laluan🎜: #🎜 ##🎜 🎜#
Kaedah dan penerangan	#🎜🎜🎜##🎜 1 stepDown()
	2 stepUp()#🎜🎜🎜🎜🎜 🎜#Meningkatkan nilai kawalan gelangsar dengan nombor yang diberikan.
	Contoh Mari kita lihat contoh objek: # 🎜 # Demo <!DOCTYPE html> <html> <head> <script> function rangeCreate() { var R = document.createElement("INPUT"); R.setAttribute("type", "range"); document.body.appendChild(R); } </script> </head> <body> <h1>Input range object</h1> <p>Create an input field with type range by clicking the below button</p> <button onclick="rangeCreate()">CREATE</button> <br><br> VOLUME: </body> </html> Output

#🎜🎜 🎜# Klik butang BUAT −

Dalam contoh di atas − kami mencipta butang yang dipanggil CREATE Kaedah rangeCreate() akan dilaksanakan apabila diklik −rangeCreate() kaedah menggunakan kaedah createElement() objek dokumen untuk mencipta elemen dengan menghantar "INPUT" sebagai parameter. Elemen input yang baru dibuat diberikan kepada pembolehubah R dan atribut jenis dengan julat nilai dicipta menggunakan kaedah setAttribute(). Ingat, setAttribute() mencipta atribut dan kemudian memberikan nilai jika atribut itu tidak wujud. tidak wujud sebelum ini. Akhir sekali, menggunakan kaedah appendChild() pada badan dokumen, kami menambahkan elemen input julat jenis sebagai elemen anak badan -

function createPASS() {
   var R = document.createElement("INPUT");
   R.setAttribute("type", "range");
   document.body.appendChild(R);
}

	<button onclick="rangeCreate()">CREATE</button>

Atas ialah kandungan terperinci Objek Julat Input DOM HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html 对象 dom input

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Bagaimanakah kita membuat peta imej dalam HTML?Artikel seterusnya：Bagaimanakah kita membuat peta imej dalam HTML?

Artikel berkaitan

Lihat lagi