Planholder est un autre attribut ajouté à HTML5. Lorsque la saisie ou la TextArea définit cet attribut, le contenu de cette valeur sera affiché dans la zone de texte en tant qu'invite de mot gris. Lorsque la zone de texte se concentre, le texte rapide disparaît. Dans le passé, cet effet a été réalisé en utilisant JavaScript pour le contrôler. Firefox, Google Chrome, etc. a exprimé son support, mais IE ne le prend pas en charge.
HTML5 a apporté de nombreuses améliorations au formulaire Web, telles que le nouveau type de type d'entrée, la validation du formulaire, etc.
Planholder est un autre attribut ajouté à HTML5. Lorsque la saisie ou la TextArea définit cet attribut, le contenu de cette valeur sera affiché dans la zone de texte en tant qu'invite de mot gris. Lorsque la zone de texte se concentre, le texte rapide disparaît. Dans le passé, j'ai utilisé JavaScript pour contrôler cet effet pour y parvenir. Firefox, Google Chrome, etc. en a exprimé leur soutien, mais IE a ressenti une incohérence!
Par exemple: <ID de saisie = T1 Type = Text Planterholder = Veuillez saisir le texte /
Cela introduit un plug-in d'attribut super puissant qui prend en charge l'espace réservé sous IE, et est également compatible avec d'autres navigateurs qui ne prennent pas en charge l'espace réservé. Le code est le suivant:
$ (document) .ready (function () {var doc = document, entrées = doc.getElementsByTagName ('input'), supportPlaceHolder = 'placeholder'in doc.createElement (' input '), placeholder = function (input) {var text = input.getAtTrribute (' placeholder '), defaultValue = input.defaultValue; input.value = text} input.onfocus = function () {if (input.value === text) {this.value = ''}}; i = 0, Len = Inputs.Length; i <len; i ++) {var input = inputs [i], text = input.getAttribute ('placeholder');Copiez simplement le code et enregistrez-le dans une référence de fichier JS, sans aucun traitement, c'est super pratique!
EX: Cela peut en effet faire de l'affichage d'entrée IE l'attribut d'espace réservé, mais il est correct s'il n'y a qu'une seule entrée sur la page. S'il y a plusieurs entrées, si l'entrée ne remplit aucune valeur, son entrée vide remplira automatiquement la valeur d'espace réservé dans la valeur, ce qui entraîne une erreur. Par exemple:
<Type d'entrée = Text Planholder = Nom de codage du produit d'entrée = ID de code de biens = WOCKSCODE VALUE = 123 /> <TYPE INPUT = TEXT PLACEHOLDER = Nom du produit de bourse = ID de bourse = WoodsName Valeur = Nom du produit d'entrée />
La solution est de le juger vous-même en arrière-plan. Peut-être que cela peut être résolu dans le fichier JS ci-dessus et les rechercher plus tard ~!