Placeholder adalah atribut lain yang ditambahkan ke HTML5. Ketika input atau TextArea mengatur atribut ini, konten nilai ini akan ditampilkan di kotak teks sebagai prompt kata abu-abu. Ketika kotak teks mendapatkan fokus, teks cepat menghilang. Di masa lalu, efek ini dicapai dengan menggunakan JavaScript untuk mengendalikannya. Firefox, Google Chrome, dll. Dukungan untuk itu, tetapi IE tidak mendukungnya.
HTML5 telah membuat banyak perangkat tambahan untuk bentuk web, seperti tipe jenis baru input, validasi formulir, dll.
Placeholder adalah atribut lain yang ditambahkan ke HTML5. Ketika input atau TextArea mengatur atribut ini, konten nilai ini akan ditampilkan di kotak teks sebagai prompt kata abu-abu. Ketika kotak teks mendapatkan fokus, teks cepat menghilang. Di masa lalu, saya menggunakan JavaScript untuk mengendalikan efek ini untuk mencapainya. Firefox, Google Chrome, dll. Dukungan untuk itu, tetapi IE merasa tidak konsisten!
Misalnya: <input id = t1 tes = placeholder teks = Harap masukkan teks/
Ini memperkenalkan plug-in atribut yang sangat kuat yang mendukung placeholder di bawah IE, dan juga kompatibel dengan browser lain yang tidak mendukung placeholder. Kodenya adalah sebagai berikut:
$(document).ready(function(){ var doc=document, inputs=doc.getElementsByTagName('input'), supportPlaceholder='placeholder'in doc.createElement('input'), placeholder=function(input){ var text=input.getAttribute('placeholder'), defaultValue=input.defaultValue; if (defaultValue == '') {input.value = text} input.onfocus = function () {if (input.value === Text) {this.value = ''}}; if (! SupportPlaceHolder) {for (var i = 0, len = inputs.length; i <len; i ++) {var input = input [i], text = input.getAttribute ('placeholder');Cukup salin kode dan simpan ke referensi file JS, tanpa pemrosesan, itu sangat nyaman!
Contoh: Ini memang dapat membuat input IE menampilkan atribut placeholder, tetapi tidak apa -apa jika hanya ada satu input pada halaman. Jika ada beberapa input, jika input tidak mengisi nilai apa pun, maka input kosongnya akan secara otomatis mengisi nilai placeholder ke dalam nilai, menghasilkan kesalahan. Misalnya:
<Input Tipe = Teks Placeholder = Input Nama Pengkodean Produk = GoodScode ID = GoodScode Value = 123 /> <Input Type = Text Placeholder = Input Nama Produk = GoodSname ID = GoodSname Nilai = Input Nama Produk />
Solusinya adalah menilai sendiri di latar belakang. Mungkin itu bisa diselesaikan dalam file JS di atas dan meneliti nanti ~!