Le traitement des données que les visiteurs envoient au serveur après avoir rempli les formulaires Web est géré par un programme spécial (script). Par conséquent, il est logique d'ajouter des champs à un formulaire publié sur une page Web uniquement si les fonctions permettant de travailler avec ces champs sont programmées dans le script. Si cette condition est remplie, il reste à faire la partie relativement simple du travail d'ajout de balises au code source de la page qui forment les champs obligatoires.
Il est nécessaire
Connaissances de base en HTML
Instructions
Étape 1
L'opération de formation des balises nécessaires peut être prise en charge par l'éditeur de page, si vous avez la possibilité d'y utiliser le mode d'édition visuelle. Un tel éditeur peut faire partie intégrante du système de gestion de contenu - entrez-le et chargez une page avec un formulaire dans lequel de nouveaux champs doivent être ajoutés. Utilisez les opérations de copier-coller - sélectionnez et copiez quelques éléments existants (le champ de saisie et le texte qui lui est associé), puis cliquez sur la page où le champ supplémentaire doit être placé et collez celui copié.
Étape 2
Après cela, modifiez les propriétés de chaque élément de la paire séparément. Sélectionnez simplement l'inscription avec la souris et tapez un nouveau texte, et pour le champ de saisie, utilisez le bouton dans le panneau de l'éditeur qui ouvre ses propriétés. Dans les propriétés, vous devez au moins modifier la valeur du champ de nom - elle doit correspondre au nom de champ programmé dans le script de traitement. Répétez le copier/coller pour l'ensemble de champs requis et enregistrez la page.
Étape 3
S'il n'y a pas d'accès à l'édition visuelle, ouvrez le code source de la page dans n'importe quel éditeur de texte ou spécialisé et ajoutez-y les balises nécessaires. Cette méthode nécessite une certaine connaissance du HTML et des techniques de mise en page Web. Pour ajouter un champ de texte simple au formulaire, utilisez la balise input, en ajoutant le texte de valeur à l'attribut type. En plus de cet attribut, seul le nom est requis - il doit contenir le nom de ce champ de formulaire connu du script du gestionnaire. À l'aide d'autres attributs, vous pouvez définir le nombre de caractères qui déterminent visuellement la longueur du champ de saisie (l'attribut size), le nombre maximal autorisé de caractères (maxlength), les paramètres de style (style), l'appartenance à la classe (class), etc. Cette balise peut être vue dans le code, par exemple comme ceci:
Étape 4
Pour un champ de texte multiligne, utilisez la balise textarea. Il se compose de deux parties - ouverture et fermeture. Dans le premier, vous devez définir la valeur du nom, et en utilisant les attributs rows et cols, vous pouvez définir le nombre de lignes et de colonnes de cet élément de formulaire. Par example:
Étape 5
D'autres types de champs de formulaire peuvent être des cases à cocher - pour les former, utilisez également la balise input, mais contrairement à un champ de texte sur une seule ligne, spécifiez la valeur de la case à cocher dans l'attribut type. Si cet élément de formulaire doit être coché, ajoutez l'attribut coché à sa balise. Par example:
Étape 6
Pour insérer une zone de sélection dans le formulaire et télécharger un fichier, utilisez la même balise d'entrée avec la valeur du fichier dans l'attribut type. Par example:
Étape 7
Une construction plus complexe forme un champ avec une liste déroulante. Il doit contenir une paire de balises select d'ouverture et de fermeture. Placez des paires de balises d'option entre elles, chacune spécifiant une seule ligne de sélection. Les balises d'ouverture doivent contenir l'attribut value (sa valeur sera transmise au serveur), et entre les parties d'ouverture et de fermeture, placer le texte que le visiteur verra dans cette ligne de la liste. Par exemple: Première ligne de sélection Deuxième ligne de sélection Troisième ligne de sélection
