HTML DOM Input Kata laluan autofokus 属性-html tutorial-php.cn

HTML DOM Input Kata laluan autofokus 属性

WBOY

Lepaskan： 2023-08-20 16:17:14

ke hadapan

1390 orang telah melayarinya

Input HTML DOM Atribut autofokus kata laluan dikaitkan dengan atribut autofokus elemen HTML Sifat ini digunakan untuk menetapkan atau mengembalikan sama ada medan kata laluan harus difokuskan secara automatik apabila halaman dimuatkan.

Syntax

Berikut ialah sintaks untuk menetapkan atribut autofokus:

Tetapkan atribut autofokus -

passwordObject.autofocus = true|false

Salin selepas log masuk

Di sini, benar bermakna medan kata laluan harus mendapat fokus, palsu bermakna tidak. Tetapkan kepada palsu secara lalai.

Contoh

Mari kita lihat contoh tentang atribut autofokus Kata Laluan Input -

<!DOCTYPE html>
<html>
<body>
<h1>Input password autofocus property</h1>
Password: <input type="password" id="PASS" autofocus>
<br><br>
<button onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
   function FocusVal() {
      var P = document.getElementById("PASS").autofocus;
      document.getElementById("Sample").innerHTML = "The password field has autofocus property set to "+P;
   }
</script>
</body>
</html>

Salin selepas log masuk

Output

Ini akan menghasilkan output berikut −

HTML DOM Input Password autofocus 属性

semasa mengklik butang SEMAK

HTML DOM Input Password autofocus 属性 FOKUS AS

di atas Dalam contoh −

kami mencipta medan input jenis "kata laluan" dengan id "Pass" dan mendayakan atribut autofokus, iaitu, menetapkannya kepada benar −

Password: <input type="password" id="PASS" autofocus>

Salin selepas log masuk

Kami seterusnya membuat butang SEMAK FOKUS () kaedah akan dilaksanakan apabila pengguna mengklik −

<button onclick="FocusVal()">CHECK FOCUS</button>

Salin selepas log masuk

Kaedah FocusVal() mendapat elemen input dengan kata laluan jenis menggunakan kaedah getElementById() dan mendapatkan sifat autofokusnya Sifat autofokus mengembalikan benar dan salah bergantung pada autofokus elemen nilai atribut. Nilai ini diberikan kepada pembolehubah P dan dipaparkan dalam perenggan dengan id "Sampel" menggunakan sifat HTML dalamannya −

function FocusVal() {
   var P = document.getElementById("PASS").autofocus;
   document.getElementById("Sample").innerHTML = "The password field has autofocus property set to "+P;
}

Salin selepas log masuk

Atas ialah kandungan terperinci HTML DOM Input Kata laluan autofokus 属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!