cari

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

Objek Julat Input DOM HTML

็Ž‹ๆž—
็Ž‹ๆž—ke hadapan
2023-08-28 16:01:091527semak 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