<input type="password" name="info[password]" id="password3" class="list-input" onblur="if(this.value==''){this.value='Sila masukkan Kata laluan 6-20 digit';}" onfocus="if(this.value=='Sila masukkan kata laluan 6-20 digit'){this.value='';}" value="Sila masukkan kata laluan 6-20 digit" placeholder="Sila masukkan kata laluan 6-20 digit"/>
Ayat ini kini dipaparkan secara lalai..., dan "Sila masukkan kata laluan 6-20 digit" dipaparkan selepas tetikus diklik pada kotak input. Bagaimanakah saya boleh memaparkannya "Sila masukkan kata laluan 6-20 digit" secara lalai, dan selepas input ia menjadi...
Anda menulis banyak atribut yang tidak kemas, tetapi anda tidak menulis pemegang tempat. . .
placeholder="Sila masukkan kata laluan 6-20 digit", tambah ini pada input
Sudah tentu, jika anda menggunakan js untuk menetapkan nilai kepada vulue, ia akan dipaparkan sebagai * Anda boleh cuba menambah pemegang tempat pada teg input
Pelayar baharu menyokong ruang letak, dan kemudian tetapkan atribut css untuk menjadikan teks berwarna kelabu supaya ia tidak terlalu gelap.
Gunakan ruang letak
Jika anda tidak perlu mempertimbangkan isu keserasian di bawah IE, maka cara paling mudah ialah pemegang tempat
Tetapi atribut pemegang tempat serasi sehingga IE10
Jadi jika anda perlu mempertimbangkan keserasian dengan penyemak imbas di bawah IE10, saya cadangkan anda lihat pemegang tempat jquery plug-in
Terminal mudah alih adalah serasi Jika ia adalah terminal PC, anda boleh memuat turun pemalam yang serasi dengan ie8-
.Alamat muat turun:
Pautan penerangan
<input type="password" placeholder="Teks lalai yang anda mahu paparkan">
Yang paling mudah ialah pemegang tempat, tetapi ini tidak serasi dengan IE
Cara untuk mencapai keserasian adalah dengan
menulis tag em (kedudukan ialah nod adik-beradik bagi input). kotak input.
Gunakan JS untuk menentukan sama ada kawalan mempunyai status fokus / blur/ keyin untuk mengesahkan sama ada teg em dipaparkan