Maison > Article > développement back-end > Partager les notes d'étude ASP.NET (6) Formulaire de pages Web
Partager les notes d'étude ASP.NET (6) Formulaire de pages Web
- 零下一度original
- 2017-05-25 09:16:191399parcourir
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 a1f02c36ba31691bcfe87b2722de723b 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 221f08282418e2996498697df914ce4e). Il permet à l'utilisateur de choisir un nom de son choix (par exemple Photo 1), et lorsque la page est soumise au serveur Web, un nom de fichier est transmis (par exemple Photo1.jpg).
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 a1f02c36ba31691bcfe87b2722de723b L'attribut src est utilisé pour définir la valeur de la variable imagePath lorsque la page est affichée. L'élément
a1f02c36ba31691bcfe87b2722de723b 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!