Les formulaires HTML sont couramment utilisés sur les sites Web d'entreprise pour fournir une interface permettant aux clients de soumettre des informations, de payer des produits ou d'accepter les politiques du site Web. Un formulaire est composé de code HTML avec des valeurs spéciales permettant aux entrées de l'utilisateur d'être stockées et traitées de manière spécifique. Souvent, des formulaires prêts à l'emploi sont générés par des fournisseurs de services que vous pouvez copier et coller sur votre site Web. Si vous gérez un blog Tumblr pour votre entreprise, vous pouvez insérer des formulaires dans vos articles ainsi que le thème de votre blog via le tableau de bord Tumblr.
Insérer un formulaire dans une publication Tumblr
1
Accédez à Tumblr et connectez-vous à votre tableau de bord. Cliquez sur le nom de votre blog en haut du tableau de bord.
2
Cliquez sur "Texte" pour créer un message basé sur du texte.
3
Cliquez sur le bouton "HTML" dans le menu en haut du champ de publication pour ouvrir une fenêtre d'éditeur HTML.
4
Placez votre curseur dans le champ de texte de l'éditeur HTML et tapez «» (omettez les guillemets) pour créer le formulaire.
5
Placez votre curseur entre les balises du formulaire et créez des éléments d'entrée tels que des champs de texte, des boutons radio, des cases à cocher ou des boutons. Le codage approprié dépend du type d'élément d'entrée, du nom de l'élément et de la valeur. Par exemple, le code d'une case à cocher doit ressembler à ce qui suit:
Ceci est une case à cocher
6
Cliquez sur «Mettre à jour» pour ajouter le formulaire à votre message.
7
Entrez un titre dans le champ de texte "Titre" et cliquez sur "Créer un article" pour publier le formulaire sur votre blog Tumblr.
Insérer un formulaire dans le thème Tumblr
1
Connectez-vous à votre tableau de bord Tumblr, sélectionnez votre site dans la liste en haut et cliquez sur "Personnaliser le thème".
2
Cliquez sur "Modifier HTML" pour ouvrir le volet de l'éditeur HTML.
3
Faites défiler jusqu'à l'emplacement dans votre thème Tumblr où vous souhaitez insérer votre formulaire. Par exemple, si vous souhaitez insérer le formulaire dans votre en-tête, faites défiler vers le bas et placez le curseur de votre souris directement après.
4
Tapez "" (sans les guillemets), puis tapez les éléments d'entrée entre les balises de formulaire pour créer le formulaire. Par exemple, si vous voulez un formulaire avec deux champs de texte, votre code doit ressembler à ce qui suit:
Premier champ de texte: Deuxième champ de texte:
5
Cliquez sur «Mettre à jour l'aperçu | Enregistrer | Apparence »pour fermer le volet de l'éditeur HTML, puis cliquez sur« Enregistrer »pour finaliser les modifications.
6
Cliquez sur «Fermer» pour revenir à votre tableau de bord.
Ressources
- Tizag.com: Formulaires
- HTML Dog: Formulaires
- W3Schools: formulaires HTML
Conseils
- Visitez des sites Web tels que HTML Dog, W3schools et Tizag pour étudier des exemples d'éléments d'entrée HTML que vous pouvez utiliser pour composer votre formulaire. De nombreux sites de commerce électronique fournissent également des formulaires prêts à l'emploi qui vous obligent simplement à copier et coller le code dans votre page Web.
Biographie de l'écrivain
Jason Spidle est un passionné de technologie et un écrivain. Ses écrits sur les ordinateurs, les smartphones, la conception Web, les applications Internet, les sports et la musique ont été publiés sur divers sites Web, notamment Salon, JunkMedia, Killed in Cars et The Columbia Free Times. Spidle maintient un certain nombre de blogs contenant de la poésie, des nouvelles et d'autres fictions.