Cette section vous explique le formulaire HTML ASP.NET WebPages.
Un formulaire est la partie d'un document HTML où sont placés les contrôles de saisie (zones de texte, cases à cocher, boutons radio, listes déroulantes).
Instance de rasoir
<html> <body> @{if (IsPost) { string companyname = Request["companyname"]; string contactname = Request["contactname"]; <p>Vous avez saisi : <br /> Nom de la société : @companyname <br /> Nom du contact : @contactname </p>}autrement{ <form method="post" action=""> Nom de l'entreprise :<br /> <input type="text" name="CompanyName" value="" /><br /> Nom du contact :<br /> <input type="text" name="ContactName" value="" /><br /><br /> <input type="submit" value="Submit" /> </form> } } </body> </html>
Supposons que vous ayez 3 images dans votre dossier d'images et que vous souhaitiez afficher les images de manière dynamique en fonction de la sélection de l'utilisateur.
Ceci peut être réalisé avec un simple morceau de code Razor.
Si vous avez une image nommée « Photo1.jpg » dans le dossier images de votre site Web, vous pouvez utiliser l'élément HTML <img> pour afficher l'image, comme indiqué ci-dessous :
<img src="images/Photo1.jpg" />
L'exemple suivant montre comment afficher une image sélectionnée par l'utilisateur dans la liste suivante :
@{var imagePath=""; if (Request["Choice"] != null){imagePath="images/" + Request["Choice"];} } <!DOCTYPE html> <html> <body> <h1>Afficher les images</h1> <form method="post" action=""> Je veux voir : <select name="Choice"> <option value=" Photo1.jpg">Photo 1</option> <option value="Photo2.jpg">Photo 2</option> <option value="Photo3.jpg">Photo 3</option> </select> <input type="submit" value="Submit" /> @if (imagePath != ""){ <p> <img src="@imagePath " /> </p>} </form> </body> </html>Le serveur crée une variable appelée imagePath .
La page HTML comporte une liste déroulante (élément <select>) nommée Choice . Il permet à l'utilisateur de choisir un nom selon ses propres souhaits (comme Photo1 ), et lorsque la page est soumise au serveur Web, un nom de fichier (tel que Photo1.jpg ) est transmis.
Le code Razor lit la valeur de Choice via Request["Choice"] . Si le chemin de l'image (images/Photo1.jpg) construit via le code est valide, attribuez le chemin de l'image à la variable imagePath .
Dans les pages HTML, l'élément <img> est utilisé pour afficher des images. Lorsque la page est affichée, l'attribut src est utilisé pour définir la valeur de la variable imagePath.
L'élément <img> se trouve à l'intérieur d'un bloc if. Cela permet d'éviter que l'image ne soit affichée sans nom, comme lors du premier chargement de la page.