Comment Mettre un Texte d'Exemple dans le Champ de Saisie au format HTML

Comment Mettre un Texte d'Exemple dans le Champ de Saisie au format HTML

Dans le passe, les developpeurs Web necessaires pour une utilisation ou une valeur JavaScript pour ajouter des exemples de texte d'un champ de formulaire. Les deux methodes ont leurs defauts, parce que les valeurs sont envoyes le long de avec d'autres entrees de formulaire lorsque l'utilisateur clique sur "Soumettre" et parfois, les utilisateurs de desactiver JavaScript. En HTML5, il y a un "espace reserve" de l'attribut. Cette attribut permet aux programmeurs de definir l'echantillon de texte dans un champ de formulaire ne sera pas envoye comme une forme de la valeur. Utiliser un plugin jQuery pour faire de l'espace reserve de texte visible pour les utilisateurs de navigateurs plus anciens.

• Ouvrez votre fichier HTML en texte brut ou de l'editeur de code de votre choix. Trouver le 'champ' ou vous voulez ajouter un texte d'exemple. En HTML5, modifier l'etiquette ressemble a ceci: Le nouvel 'espace reserve' attribut differe de la 'valeur' car si l'utilisateur oublie de quoi que ce soit entree dans ce domaine avant de cliquer sur le bouton 'Soumettre', le texte de l'espace reserve ne sera pas aller de travers. La valeur, cependant, sera de passer a travers et d'etre transmis a la forme du scri & #112 t comme le texte saisi par l'utilisateur. Si vous n'etes pas a l'aide de HTML5 pour votre site web code de la page, puis definissez la valeur comme suit: Notez que vous ne devez pas supprimer d'autres attributs de la balise d'entree, tels que 'type' ou 'nom'. Quitter dans la mais ajoutez votre espace reserve ou attributs de valeur en tant que de besoin.
• Telecharger l' 'placeholder.js' jQuery plugin a partir de la Webcloud site web et decompressez-le sur votre ordinateur. Trouver le fichier 'jquery.placeholder.min.js' et le copier dans un dossier au sein de votre site web. Par exemple, si votre site web a un dossier appele 'monsite' et il y a un dossier appele 'js' dans cette, de le copier dans 'js' pour garder les choses organisees.
• Ajouter un recul de votre page web pour les visiteurs utilisant les navigateurs incompatibles avec l' 'espace reserve' de l'attribut. Cette etape ne s'applique pas a la 'valeur' parce que tous les navigateurs. Trouver la '' et '' les tags dans votre fichier HTML et ajouter d'abord prise en charge jQuery entre les balises: https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'> Ajouter ci-dessous que la ligne de commande suivante: http://yoursite.com/path-to/your-file/jquery.placeholder.min.js'> Entre les guillemets apres l'attribut 'src', vous devez ajouter le chemin d'acces a votre 'jquery.placeholder.min.js' fichier. Le ci-dessus n'est qu'un exemple.
• Ajout d'une ouverture 'de la balise, puis une 'fermeture' de la balise ci-dessous tous les autres '' les tags entre les '' et '' les tags. Cette '' de la balise n'a pas besoin d'attributs parce que vous utilisez pour mettre jQuery code directement dans la page web et HTML5 n'a pas besoin de l'attribut 'type'. Entre ces '' et '' les tags, ajouter l'appel a la 'espace reserve' de la fonction: $('input[reserve], textarea[reserve]').espace reserve() change le 'placeholder' le texte entre crochets du texte que vous souhaitez utiliser comme un espace reserve, tels que 'Votre nom ici.' Parce que jQuery utilise CSS pour cibler les bits de code HTML, ecrire quelque chose comme ceci: $('#nom-champ[Nom]').espace reserve() Le code ci-dessus a la recherche d'un '' balise et attribut 'ID' de 'nom du champ' et lui donne l'espace reserve de texte 'Nom'.