Dans le passé, les développeurs Web nécessaires pour définir une valeur ou 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 ainsi que d`autres entrées de formulaire lorsque l`utilisateur clique sur «Soumettre» et les utilisateurs tourner parfois hors javascript. En HTML5, il est un attribut "espace réservé". Cet attribut permet de définir des codeurs exemple de texte dans un champ de formulaire qui ne sera pas envoyé en tant que valeur de formulaire. Utilisez un repli plugin jQuery pour rendre le texte de l`espace réservé visible pour les utilisateurs de navigateurs plus anciens.
Ouvrez votre fichier HTML dans le texte brut ou un éditeur de code de votre choix. Trouvez le ""Domaine où vous souhaitez ajouter un exemple de texte Dans HTML5, modifier la balise 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, passer et être passé au script de la forme en tant que texte entré par l`utilisateur. Si vous ne l`utilisez HTML5 pour votre code de 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.
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 y a un dossier appelé "js" en vertu de cette, copiez-le "js" pour garder les choses organisées.
Ajouter un repli sur 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 prennent en charge que. Trouvez le "
" et ""Tags dans votre fichier HTML et d`abord ajouter le soutien 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 crochets pour le texte que vous souhaitez utiliser comme un espace réservé, comme "Votre nom ici." Parce que jQuery utilise 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 "attribut" nom-champ ", 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 navigateurs plus anciens. Assurez-vous également que votre doctype au sommet du fichier HTML est ""Lors de l`utilisation HTML5.
