Les partenaires publicitaires:

Comment mettre du texte de l'échantillon dans le champ de saisie en html

Dans le passé, les développeurs Web nécessaires pour définir une valeur ou d'utiliser javascript pour ajouter du texte de l'échantillon à un champ de formulaire. Les deux méthodes ont leurs défauts, parce que les valeurs sont envoyés avec d'autres entrées de formulaire lorsque l'utilisateur clique sur «Soumettre» et les utilisateurs tourner parfois désactivation de javascript. En HTML5, il est un attribut "espace réservé". Cet attribut permet de codeurs mis exemple de texte dans un champ de formulaire qui ne sera pas envoyé en tant que valeur de forme. Utilisez un repli plugin jQuery pour rendre le texte de l'espace réservé visible pour les utilisateurs de navigateurs plus anciens.

Instructions

  1. Ouvrez votre fichier HTML dans le plain-texte ou éditeur de code de votre choix. Trouvez le ""Champ où vous souhaitez ajouter du texte de l'échantillon en HTML5, modifier le tag pour ressembler à ceci.:

    Le nouvel attribut "espace réservé" diffère de la «valeur» parce que si l'utilisateur oublie de saisir quoi que ce soit dans ce domaine avant de cliquer sur le bouton «Soumettre», le texte de l'espace réservé ne passera pas par. La valeur, cependant, va passer et être passé au script de la forme comme du texte entré par l'utilisateur. Si vous ne l'utilisez HTML5 pour votre code de la page Web, puis définissez la valeur comme ceci:




    Notez que vous ne devez pas supprimer d'autres attributs de la balise d'entrée, tels que «type» ou «nom». Laissez ceux-ci dans votre espace réservé, mais ajoutez ou attributs de valeur selon les besoins.

  2. Télécharger le "placeholder.js" plugin jQuery à partir du site Webcloud et décompressez-le sur votre ordinateur. Trouvez le fichier "jquery.placeholder.min.js" et le copier dans un dossier de votre site Web. Par exemple, si votre site a un dossier appelé "monsite" et il ya un dossier appelé "js" en vertu de cette, le copier sur "js" pour garder les choses organisées.

  3. Ajouter un repli à votre page web pour les visiteurs utilisant des navigateurs incompatibles avec l'attribut "espace réservé". Cette étape ne concerne pas la «valeur» parce que tous les navigateurs supportent cela. Trouvez le ""Et""Balises dans votre fichier HTML et ajouter le support premiers jQuery entre ces tags:

    "Tag ci-dessous tous les autres" "tags, ajouter l'appel à la fonction" espace réservé ":



    Modifier le texte "espace réservé" entre parenthèses pour le texte que vous souhaitez utiliser comme un espace réservé, comme «Votre nom ici." Parce que jQuery utilise les CSS pour cibler des morceaux de code HTML, écrire quelque chose comme ceci:

    $ ('nom-champ # [Nom]') d'espace réservé ().;

    Le code ci-dessus cherche un ""Tag avec et" ID "de l'attribut" nom-champ "et puis il donne le texte de l'espace réservé" Nom ".

Conseils Avertissements

  • Si vous utilisez le code HTML5, assurez-vous d'utiliser un script permettant HTML5 pour les anciens navigateurs. Assurez-vous également que votre doctype au sommet du fichier HTML est ""Lorsque vous utilisez HTML5.
» » » » Comment mettre du texte de l'échantillon dans le champ de saisie en html