Fokus automatik dan teks pemegang tempat kod contoh kemahiran tutorial form_html5 pendaftaran HTML5

Pertama lihat kod contoh di bawah untuk menggunakan autofokus HTML dan teks pemegang tempat

Salin kod

The kod adalah seperti berikut:

2:
;meta charset= "utf-8">

id="daftar_maklumat ">

Pendaftaran pengguna baharu

/label> ;

pengguna" > Nama pengguna

nama paparan

kata laluan /li>

Sahkan kata laluan

Gunakan autofokus

Untuk menggunakan fungsi autofokus HTML5, anda hanya perlu menambah atribut autofokus pada medan borang
Sebagai contoh, di atas, fikirkan Biarkan kursor diletakkan secara automatik pada peti mel medan borang pertama borang apabila halaman dimuatkan dan meningkatkan kecekapan input.





Salin kod


Kodnya adalah seperti berikut:

>< label untuk="nama">e-mel

Perlu diambil perhatian bahawa jika berbilang atribut autofokus ditetapkan pada halaman, kursor pengguna hanya akan diletakkan pada medan borang terakhir dengan set atribut autofokus.

Gunakan teks pemegang tempat

Penggunaan teks pemegang tempat yang terbesar adalah untuk menerangkan kepada pengguna cara mengisi borang dengan betul. Iaitu, gesaan input dilakukan. Untuk menggunakan teks pemegang tempat, anda hanya perlu menambah atribut pemegang tempat pada medan input

Berikut ialah medan borang input menggunakan atribut pemegang tempat

Salin Kod

Kodnya adalah seperti berikut:

e-mel< ;/ label>
;li> ;

name="user" placeholder="Masukkan nama panggilan">

;input type="password" id="password" name="user_password" placeholder="Masukkan kata laluan">

">Sahkan kata laluan

Der Vorgangseffekt ist wie folgt

Ob die automatische Vervollständigung aktiviert ist
Das Autovervollständigungsattribut wurde in HTML5 eingeführt. Wird verwendet, um dem Browser mitzuteilen, ob Daten für das aktuelle Formularfeld automatisch ausgefüllt werden sollen. Einige Browser merken sich die zuvor vom Benutzer eingegebenen Daten, und in einigen Fällen möchten wir möglicherweise nicht, dass der Benutzer die Daten aufzeichnet, insbesondere bei Dingen wie Passwörtern
Automatische Vervollständigung deaktivieren

Code kopieren

Der Code lautet wie folgt:

Sie müssen nur den Wert von atuocomplete auf off setzen, um die automatische Vervollständigung zu verhindern.