需要注意的是/如果页面中设置了多个autofocus属性,那么用户的光标只会定位到最后一个设置了autofocus属性的表单域上。
使用占位文本
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 ">
Pendaftaran pengguna baharu
  • /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
    Salin Kod

    Kodnya adalah seperti berikut:



    Label berkaitan:
    sumber:php.cn
    Kenyataan Laman Web ini
    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
    Cadangan popular
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan