Maison > développement back-end > Tutoriel C#.Net > Partager les notes d'étude ASP.NET (6) Formulaire de pages Web

Partager les notes d'étude ASP.NET (6) Formulaire de pages Web

零下一度
Libérer: 2017-05-25 09:16:19
original
1421 Les gens l'ont consulté

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

Instance Razor

<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>
Copier après la connexion

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" />
Copier après la connexion

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>
Copier après la connexion

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