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).
Créer une page de saisie HTML
<html> <body> @{ if (IsPost) { string companyname = Request["companyname"]; string contactname = Request["contactname"]; <p>You entered: <br /> Company Name: @companyname <br /> Contact Name: @contactname </p> } else { <form method="post" action=""> Company Name:<br /> <input type="text" name="CompanyName" value="" /><br /> Contact Name:<br /> <input type="text" name="ContactName" value="" /><br /><br /> <input type="submit" value="Submit" class="submit" /> </form> } } </body> </html>
Instance Razor - afficher l'image
Assumer dans Vous avez 3 images dans votre dossier images et vous souhaitez afficher les images de manière dynamique en fonction de la sélection de l'utilisateur.
Cela 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 pour afficher l'image, comme ceci :
<img src="images/Photo1.jpg" alt="Sample" />
L'exemple suivant montre comment afficher une image sélectionnée par l'utilisateur dans la liste suivante :
Instance Razor
@{var imagePath=""; if (Request["Choice"] != null){imagePath="images/" + Request["Choice"];} } <!DOCTYPE html> <html> <body> <h1>Display Images</h1> <form method="post" action=""> I want to see: <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" alt="Sample" /></p>} </form> </body> </html>
Explication de l'instance
Le serveur a créé un variable appelée imagePath.
La page HTML comporte une liste déroulante nommée Choix (élément
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 L'attribut src est utilisé pour définir la valeur de la variable imagePath lorsque la page est affichée. L'élément
est à l'intérieur d'un bloc if. Cela permet d'éviter que l'image ne soit affichée sans nom, par exemple lors du premier chargement de la page.
【Recommandations associées】
1. Tutoriel vidéo gratuit ASP.NET
2 Partager les notes d'étude ASP.NET (1) --WebPages Razor
3. Partager les notes d'étude ASP.NET (2)--WebPages Introduction
4 Partager l'étude ASP.NET. Notes (3) Disposition des pages Web
5. Partager les notes d'apprentissage ASP.NET (4) Dossier
6. Partager les notes d'apprentissage ASP.NET (5) Page globale AppStart et PageStart
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!