Comment mettre des boîtes de texte dans un formulaire de html5
La plupart des utilisations éléments de formulaire HTML5 sont basées sur le contribution
Sommaire
Le code pour les zones de texte de cette figure ressemble à ceci:
formDemo.html Formulaire Démo
Une boîte de texte de base
Construire une zone de texte de base est simple:
Créer un élément d'entrée.
La tag crée la structure générale de l'élément.
Met le type à "texte" à indiquez que vous construisez un élément de texte standard, pas quelque chose plus élaborée.
Ajoutez un id attribuer à nommer l'élément.
Cela devient très important lorsque vous ajoutez javascript à la page parce que votre code javascript va utiliser l'ID d'extraire des données de la forme.
Ajouter des données par défaut.
Vous pouvez ajouter des données par défaut si vous voulez, en utilisant le valeur attribuer. Tout texte que vous placez dans la valeur devient la valeur par défaut de la forme.
L'élément de texte met une petite boîte sur l'écran. Lorsqu'un visiteur de votre page web choisit la boîte, le curseur se transforme en une poutre en I, et votre visiteur sera en mesure de taper du texte dans la boîte.
Un champ de mot de passe
La mot de passe champ, montré dans la figure, ressemble à la zone de texte ordinaire, mais il a une différence principale: Lorsque les données utilisateur tape dans le champ de mot de passe, le contenu du champ est remplacé par des astérisques.
UN mot de passe domaine utilise le même contribution tag comme un champ de texte de base. La seule différence est que vous définissez la id attribuer à "mot de passe".
Les astérisques de remplacement peuvent empêcher un spectateur mal de découvrir votre mot de passe, mais un champ de mot de passe offre aucune sécurité réelle - surtout si vous utilisez javascript, ce qui rend le code de récupération librement à la disposition du navigateur. javascript est pas la langue à utiliser si vous voulez garder beaucoup de secrets.
Une zone de texte multi-lignes
Parfois, vous voulez donner aux visiteurs de votre page Web la possibilité d'entrer plusieurs lignes de texte. Le HTML5 textarea élément est parfait pour cette situation. Voici comment faire votre propre zone de texte:
Commencez par le tag pour indiquer le début d'une zone de texte multi-lignes.
Utilisez le tag pour donner à votre zone de texte un nom si vous le souhaitez.
Spécifiez le nombre de lignes.
Indiquez le nombre de lignes (ou lignes) de texte que vous souhaitez la zone de texte pour contenir. Grandes boîtes accueillir plus de texte, mais nécessitent plus de place sur l'écran.
Indiquer le nombre de colonnes.
Le nombre de colonnes montre comment large (en caractères) de la boîte de texte devrait être. Un formulaire de largeur d'une page est généralement de 80 caractères.
Ajouter le balise de fermeture.
-
Ajouter des colonnes à un bloc de texte InDesign CS5 -
Adobe outil de type zone d'Illustrator CS5 -
Créer des colonnes de texte avec l'outil de type de zone de l'illustrateur - Comment ajouter et modifier le texte des diapositives dans Keynote
-
Annotation des zones de texte dans Excel 2007 -
Comment utiliser le texte et les zones de texte dans PowerPoint sur un iPad
Comment faire pour créer une zone de texte sur votre diapositive PowerPoint 2007 Une zone de texte de PowerPoint est un type spécial de forme conçue pour contenir du texte sur les diapositives dans vos présentations PowerPoint. Pour créer une zone de texte, procédez comme suit:1Cliquez sur l'onglet Insertion.Il est à…
Comment insérer une boîte de texte dans Word 2,013 UN zone de texte est un élément graphique dans Word 2013 qui contient - retenez votre respiration texte. Le texte peut être utilisé comme un élément décoratif (en tant que traction devis) Pour mettre en évidence un passage du texte sur la…
Comment construire entrées de style de texte pour votre HTML5 et CSS3 pages Web en fonction La plupart des éléments de formulaire sur les pages web HTML5 et CSS3 sont des variantes de la même étiquette. La balise peut créer une seule ligne de texte, boîtes boîtes de mot de passe, des boutons, et le contenu même invisibles (tels que…
Comment utiliser les balises d'entrée dans les formulaires HTML5 Les balises que vous utilisez pour solliciter les commentaires des visiteurs de votre site constituent l'essentiel de toute forme. HTML prend en charge une variété d'options d'entrée, à partir des champs de texte à des boutons radio et à…
Comment utiliser les champs de mot de passe et les champs cachés dans votre formulaire de html5 UN champ Mot de passe est un champ spécial de texte sur un formulaire web qui ne comporte pas ce que les types d'utilisateurs. Chaque touche est représentée à l'écran par un personnage fictif, comme un astérisque ou une balle, de sorte que…
Comment utiliser les champs de texte dans votre formulaire de html5 Vous pouvez utiliser une variété de types de champs d'entrée dans vos formulaires, tels que texte, mot de passe, radio (bouton), case, caché, recherche, tél (numéro de téléphone), URL, email (adresse), datetime, date, mois, semaine, temps,…
Comment utiliser la classe JTextArea pour créer des zones de texte dans java Ici, vous trouverez une liste de constructeurs et les méthodes de la les plus populaires JTextArea classe, que vous utilisez pour créer des zones de texte en Java. Dans la plupart des cas, vous utilisez le second constructeur, ce qui vous permet…
5 astuces Html5 forme d'entrée La façon la plus courante pour obtenir l'entrée d'utilisateur pour un programme javascript est en utilisant des éléments de formulaire HTML. La dernière version de HTML, HTML5, dispose de plusieurs nouveaux éléments de formulaire et les…
Comment gérer la saisie de texte et de sortie avec javascript pour HTML5 et CSS3 programmation Peut-être l'application la plus intrigante du DOM dans javascript est la capacité de permettre à l'utilisateur de communiquer avec le programme à travers la page web HTML5, sans toutes ces boîtes de dialogue ennuyeux. Voici une page avec…
Nouveaux trucs HTML5 / CSS3 pour la validation HTML5 et CSS3 ajouter un peu plus de trucs pour simplifier la validation, et ils sont absolument merveilleux. Alors que vous pouvez toujours utiliser javascript et les expressions régulières pour valider vos pages, HTML5 promet une solution…
Pour les aînés: comment insérer une zone de texte manuellement sur une diapositive PowerPoint Chaque fois que possible, vous devez utiliser les espaces réservés de mise en page pour insérer PowerPoint contenu de la diapositive. Cependant, parfois vous ne pouvez pas être en mesure de trouver une disposition qui est exactement ce que vous…
Attributs de nouveaux éléments de formulaire dans html5 HTML5 introduit de nouveaux éléments de formulaire et donne tous les éléments de formulaire quelques nouveaux goodies. Comme vous concevez et construisez des pages Web, vous pouvez appliquer ces nouveaux attributs et les capacités à tout…
Comment construire une case à cocher dans votre formulaire de html5 Parfois, vous voulez que vos utilisateurs de pages Web pour indiquer si l'information est vraie ou fausse. Le HTML5 case élément est parfait pour ce genre d'entrée, car l'utilisateur peut cliquer pour sélectionner ou désélectionner l'option.…
Comment créer une liste déroulante dans un formulaire HTML5 Des listes déroulantes sont une caractéristique commune dans les pages Web, et HTML5 rend créer assez infaillible. Des listes déroulantes vous permettent, le programmeur, de spécifier un certain nombre de choix que les visiteurs de votre site…