Rumah >hujung hadapan web >html tutorial >HTML DOM Input Kata laluan autofokus 属性
HTML DOM Input Kata laluan autofokus 属性
- WBOYke hadapan
- 2023-08-20 16:17:141453semak imbas
Input HTML DOM Atribut autofokus kata laluan dikaitkan dengan atribut autofokus elemen HTML d5fd7aea971a85678ba271703566ebfd 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
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>Output
Ini akan menghasilkan output berikut −
semasa mengklik butang SEMAK
FOKUS AS
Password: <input type="password" id="PASS" autofocus>Kami seterusnya membuat butang SEMAK FOKUS () kaedah akan dilaksanakan apabila pengguna mengklik −
<button onclick="FocusVal()">CHECK FOCUS</button>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;
}Atas ialah kandungan terperinci HTML DOM Input Kata laluan autofokus 属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!