Plug-in pour prendre en charge l'attribut d'espace réservé Html5 sous les compétences du didacticiel IE_html5

HTML5 a apporté de nombreuses améliorations au formulaire Web, telles que le nouveau type de saisie, la validation de formulaire, etc.

Placeholder est un autre nouvel attribut ajouté dans HTML5. Lorsque cet attribut est défini dans la zone de saisie ou de texte, le contenu de la valeur sera affiché dans la zone de texte sous la forme d'une invite de texte grise lorsque la zone de texte prend le focus. le texte d'invite disparaît. Dans le passé, cet effet ne pouvait être obtenu qu'en utilisant JavaScript. Firefox, Google Chrome, etc. ont exprimé leur soutien, mais IE était le seul à sembler incohérent !

Par exemple :

Présentation d'un puissant plug-in d'attribut qui permet à IE de prendre en charge l'espace réservé. Il est également compatible avec d'autres navigateurs qui ne prennent pas en charge l'espace réservé. . Le code est le suivant :

Copier le code

Le code est le suivant :

$(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)
}
}
}
});

Copiez directement le code et enregistrez-le en tant que fichier js pour référence. Pas besoin de faire de traitement, super pratique

ex : Cela fera en effet l'entrée d'IE. afficher l'attribut d'espace réservé, mais s'il n'y a qu'une seule entrée sur la page Heureusement, s'il y a plusieurs entrées, si l'entrée ne remplit aucune valeur, alors son entrée vide remplira automatiquement la valeur de l'espace réservé, provoquant une erreur . Par exemple :

Copier le code

Le code est le suivant :

< input type="text" placeholder="Entrez le code produit" name="goodscode" id="goodscode" value="123" />

La solution est de faire votre propre jugement en arrière-plan. Peut-être que cela peut être résolu dans ce qui précède. js, et nous l'étudierons plus tard~!