Handpuzzles.com


Comment faire un bouton de soumission en une image personnalisée


Lorsque vous créez un formulaire sur votre site Web, il finit inévitablement avec un bouton «Soumettre». Le modèle standard pour ce bouton est une boîte grise simple que vous obtenez lorsque vous utilisez la balise HTML. Si vous souhaitez changer ceci pour créer quelque chose d'unique pour votre site, vous pouvez facilement le faire en créant une image et changeant simplement un peu de code HTML.

Instructions


•  Créer une image à utiliser comme le bouton d'envoi. Vous pouvez créer ce en utilisant un logiciel de retouche d'image, comme Photoshop ou GIMP. Ne oubliez pas de placer le texte dans l'image afin que les gens savent que ce est l'image qu'ils doivent cliquer. Quelque chose comme «Soumettre» ou «Cliquez ici» fonctionne bien. Enregistrer l'image sous forme de fichier JPG ou GIF. Rappelez-vous le nom de fichier.

•  Enregistrez le fichier d'image où vous allez stocker d'autres images. Beaucoup de gens créent un spécial "images" dossier pour leurs sites Web. Si vous faites cela, vous aurez envie de stocker l'image dans le dossier "images". Si non, vous pouvez stocker l'image dans le dossier principal.

•  Utilisez le bon code pour afficher l'image que le bouton d'envoi. Où que vous utilisez normalement le code <input type = "submit">, vous voudrez changer d'utiliser une autre image. Au lieu de cela, votre code devrait lire <input type = "image" = "image.jpg">, où "image.jpg" est le nom de votre fichier. Si vous avez enregistré le fichier dans un dossier d'images, le code devrait lire <input type = "image" = "images / image.jpg">, où "images" est le nom de votre dossier et "image.jpg" est le nom de votre fichier image.

•  Ajouter des attributs supplémentaires. Si vous le souhaitez, vous pouvez ajouter des spécifications supplémentaires dans le code, tels que "la hauteur", "largeur" ​​et "alt".




        

Publish my comment