Espace réservé dans IE9
Il semble que c'est un problème connu, mais toutes les solutions que j'ai trouvé sur Google ne fonctionne pas sur mon nouvellement téléchargé IE9.
Qui est votre façon préférée afin de permettre à l' Placeholder
bien sur la input
et textarea
tags?
Facultatif: j'ai perdu beaucoup de temps et n'avait pas l'air de le required
bien encore. Souhaitez-vous également avez quelques conseils pour cela? Évidemment, je peux vérifier la valeur en PHP, mais pour aider l'utilisateur à cette propriété est très pratique.
- Êtes-vous en utilisant toutes les bibliothèques?
- Je suis de retour en HTML après 4 ans. Ce qui signifie que je suis ouvert à tout conseil pour remplacer mon des outils désuets. Je redémarre presque de zéro. J'ai essayé principalement avec JQuery et de nombreux copier/coller à partir de résultats de google, mon les dernières essayer
Vous devez vous connecter pour publier un commentaire.
HTML5 espace Réservé Plugin jQuery
- par Mathias Bynens (un collaborateur sur HTML5 Boilerplate et jsPerf)
https://github.com/mathiasbynens/jquery-placeholder
Démo & Exemples
http://mathiasbynens.be/demo/placeholder
p.s
J'ai utilisé ce plugin de nombreuses fois et il fonctionne un régal. Aussi il n'est pas soumettre le texte de l'espace réservé de la valeur que lorsque vous soumettez votre formulaire (... une vraie douleur je l'ai trouvé avec d'autres plugins).
onclick="_IW.FormsRuntime.submit(this.form);"
. Est-il de toute façon je peux changer cet événement onclick pour effacer les espaces réservés, et puis exécutez ce CRM code qui existe dans le onclick?$('input, textarea').placeholder();
Je pense que c'est ce que vous cherchez: jquery-html5-espace réservé-fix
Cette solution utilise la détection de fonctionnalité (via modernizr) afin de déterminer si l'espace réservé est pris en charge. Si pas, ajoute la prise en charge (via jQuery).
$(this)
doit être affectée à une variable qui peut être utilisé dans tout le code. L'appel de$
pour chaque expression qui utilise$(this)
n'est pas sorti tout droit de "Ne pas Écrire de jQuery Comme ça 101".Si vous voulez le faire sans l'aide de jquery ou modenizer vous pouvez utiliser le code ci-dessous:
Pour chaque champ de texte que vous souhaitez utiliser pour vous devez exécuter
placeHolder(HTMLInputElement)
, mais je suppose que vous pouvez simplement changer que pour satisfaire! Aussi, faisant de cette façon, plutôt que simplement sur la charge signifie que vous pouvez le faire fonctionner pour les entrées qui ne sont pas dans les DOM lorsque le chargement de la page.Notez que cela fonctionne en appliquant la classe:
usingPlaceHolder
à l'élément d'entrée, de sorte que vous pouvez l'utiliser pour le style (par exemple, ajouter la règle.usingPlaceHolder { color: #999; font-style: italic; }
pour le faire paraître mieux).Ici est une bien meilleure solution.
http://bavotasan.com/2011/html5-placeholder-jquery-fix/
J'ai adopté un peu de travailler uniquement avec les navigateurs sous IE10
Si vous voulez saisir une description vous pouvez utiliser cette. Cela fonctionne sur IE 9 et tous les autres navigateurs.
À l'aide de mordernizr pour détecter les navigateurs qui ne sont pas de soutien de l'espace Réservé, j'ai créé ce code court pour les corriger.
placeholder
propriété a été normalisé en tant que chaîne de caractères => pas besoin de Modernizr en fait:::::::::::::::::::::::::::::if( typeof $('<input type="text">').get(0).placeholder == "undefined" ){ ... }
est enaugh test pour les soutenir, testé sur IE9 en mode d'émulation de l'usine.$('input').filter('[type="text"]').add('textarea')
.filter('[placeholder]')
Je sais je suis en retard mais j'ai trouvé une solution en insérant dans la tête de la balise:
HTML:
pour le faire fonctionner dans IE-9 ci-dessous .il fonctionne pour moi
JQuery doivent inclure:
De Style CSS doivent inclure:
Un peu en retard à la fête, mais j'utilise mon essayés et approuvés par le JS qui tire parti de Modernizr. Peut être copier/coller et de les appliquer à tout projet. Fonctionne à chaque fois:
J'ai l'habitude de penser assez fortement de http://cdnjs.com/ et ils sont inscription:
//cdnjs.cloudflare.com/ajax/libs/placeholder-shiv/0.2/placeholder-shiv.js
Pas sûr de qui est le code qui est mais ça a l'air simple:
J'ai cherché sur internet et trouvé un simple jquery pour gérer ce problème. De mon côté, il a été résolu et a travaillé sur ie 9.