Pages forme ASP.NET Web HTML
Les formulaires sont des documents HTML pour placer les commandes d'entrée (zones de texte, cases à cocher, boutons radio, liste déroulante) parties.
Créer une entrée de page HTML
Des exemples de rasoir
<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>
Exécution instance »
exemple Razor - image d'affichage
Supposons qu'il y ait trois images dans votre dossier d'images que vous souhaitez afficher des images dynamiquement sur la sélection de l'utilisateur.
Ceci peut être réalisé par une simple morceau de code Razor.
S'il y a une image appelée "Photo1.jpg" dans le dossier des images de votre site, vous pouvez utiliser l'élément HTML <img> pour afficher une image, comme suit:
L'exemple suivant montre comment afficher l'utilisateur des images sélectionnées dans la liste suivante:
Des exemples de rasoir
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>
Exécution instance »
Des exemples expliqués
Le serveur crée une variable appeléeimagePath.
page HTML a uneliste déroulante de nom Choice(élément <select>). Il permet aux utilisateurs en fonction de leur propre volonté , choisir un nom (tel que laphoto 1), lorsque la page est envoyée au serveur Web, passez un nom de fichier (comme Photo1.jpg).
Code de Razor byRequest [ "choix"] lit la valeur de choix.Si le chemin à travers le code pour construire l'image (images / Photo1.jpg) efficace, mettre le chemin d'image attribué à laimagePath variable.
page HTML, <img> est utilisé pour afficher l'image. Lorsque la page est affichée, l'attribut src est utilisé pour définir la valeur de la variable imagePath.
<Img> est dans un bloc si elle ne doit pas empêcher l'affichage nom de l'image, par exemple lorsque la page est chargé en premier affiché.