Rumah >
hujung hadapan web >
Tutorial H5 >
Fokus automatik dan teks pemegang tempat kod contoh kemahiran tutorial form_html5 pendaftaran HTML5
Fokus automatik dan teks pemegang tempat kod contoh kemahiran tutorial form_html5 pendaftaran HTML5
WBOY
Lepaskan: 2016-05-16 15:49:10
asal
1274 orang telah melayarinya
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 ">
/label> ;
pengguna" > Nama pengguna
/li>
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
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn