Pemalam untuk menyokong atribut pemegang tempat Html5 di bawah kemahiran tutorial IE_html5

HTML5 telah membuat banyak peningkatan pada Borang Web, seperti jenis jenis input baharu, Pengesahan Borang, dsb.

Pemegang tempat ialah satu lagi atribut baharu yang ditambahkan dalam HTML5 Apabila atribut ini ditetapkan dalam input atau kawasan teks, kandungan nilai akan dipaparkan dalam kotak teks sebagai gesaan teks kelabu. teks gesaan hilang. Pada masa lalu, kesan ini hanya boleh dicapai dengan menggunakan JavaScript, Google Chrome, dsb. menyatakan sokongan untuknya, tetapi IE adalah satu-satunya yang berasa tidak konsisten

Contohnya:

Memperkenalkan pemalam atribut berkuasa yang membolehkan IE menyokong pemegang tempat Ia juga serasi dengan pelayar lain yang tidak menyokong pemegang tempat . Kod adalah seperti berikut:

Salin kod

Kodnya adalah seperti 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=''
}
};
input.onblur =function(){
if(input.value====''){
this.value=text
}
}
};
if(!supportPlaceholder){
for(var i=0,len=inputs.length;ivar input=inputs[i],
text=input.getAttribute('placeholder');
if(input.type==='text'&&text){
placeholder(input)
}
}
}
});

Salin terus kod dan simpan sebagai fail js untuk rujukan. Tidak perlu melakukan sebarang pemprosesan, sangat mudah! paparkan atribut pemegang tempat, tetapi jika terdapat hanya satu input pada halaman Mujurlah, jika terdapat berbilang input, jika input tidak mengisi sebarang nilai, maka input kosongnya secara automatik akan mengisi nilai pemegang tempat, menyebabkan ralat . Contohnya:

Salin kodKodnya adalah seperti berikut:

< input type="text" placeholder="Masukkan kod produk" name="goodscode" id="goodscode" value="123" />

Penyelesaian adalah dengan membuat pertimbangan anda sendiri di latar belakang js, dan kami akan mengkajinya kemudian~!