Atribut tempat tempat menyediakan petunjuk pendek dalam medan input. Ia kelihatan lemah dan hilang apabila menaip bermula, disokong dalam teks, e -mel, tel, carian, dan elemen Textarea. Gunakannya untuk menunjukkan contoh seperti "contoh@email.com", tetapi bukan sebagai pengganti label. Label memastikan kebolehcapaian dan kebolehgunaan yang lebih baik. Elakkan meletakkan arahan kritikal atau peraturan pengesahan hanya di tempat letak. Pastikan teks ringkas dan jelas. Untuk medan kata laluan, elakkan ruang letak untuk mengelakkan pendedahan memformat petunjuk pada skrin awam. Ciri kecil ini meningkatkan kejelasan bentuk apabila digunakan dengan betul.

Atribut tempat pemegang di HTML5 digunakan untuk memberikan petunjuk pendek atau contoh di dalam medan input, memberikan pengguna idea tentang jenis nilai yang harus mereka masukkan. Teks ini kelihatan lemah dalam kotak input dan hilang apabila pengguna mula menaip.

Sintaks asas

Untuk menggunakan atribut tempat letak, cukup masukkannya ke input, TextArea, atau elemen bentuk berasaskan teks anda:

Ini memaparkan "masukkan nama anda" dalam teks cahaya di dalam input sehingga pengguna menaip sesuatu.

Unsur -unsur yang disokong

Atribut tempat tempat berfungsi dengan beberapa kawalan bentuk, termasuk:

• Input teks :
• Medan E -mel :
• Tel Fields :
• Kotak carian :
• Elemen Textarea :

Amalan terbaik

Gunakan ruang letak untuk menawarkan contoh yang berguna -bukan sebagai pengganti label. Mereka tidak sepatutnya menjadi satu -satunya cara anda menerangkan apa yang diperlukan oleh bidang.

• Elakkan menggunakan teks pemegang tempat sebagai pengganti elemen label -label meningkatkan kebolehcapaian dan kebolehgunaan.
• Jangan meletakkan arahan kritikal atau peraturan pengesahan semata -mata di tempat letak.
• Pastikan teks pemegang tempat pendek dan jelas -eg, "example@email.com" untuk medan e -mel.
• Berhati -hati dengan medan kata laluan yang memaparkan teks tempat letak boleh mendedahkan petunjuk pemformatan sensitif pada skrin awam.

Pada dasarnya hanya tambah atribut placeholder dengan mesej ringkas dan berguna. Ini adalah perincian kecil yang dapat membuat bentuk lebih mudah difahami dengan sepintas lalu.

Atas ialah kandungan terperinci Bagaimana cara menggunakan atribut placeholder dalam borang HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!