ASP.NET Web Pages - HTML-formular

En formular (skema) er stedet, hvor du i et HTML-dokument placerer inputkontroller (tekstfelter, afkrydsningsfelter, radioknapper og rullemenuer).

Opret HTML-indgangsside

Razor instans

<html>
<body> 
@{
if (IsPost) { 
string companyname = Request["companyname"]; 
string contactname = Request["contactname"]; 
<p>Du indtastede: <br />
Firmaets navn: @companyname <br />
Navn på kontakt: @contactname </p>
}
else
{
<form method="post" action="">
Firmaets navn:<br />
<input type="text" name="CompanyName" value="" /><br />
Navn på kontakt:<br />
<input type="text" name="ContactName" value="" /><br /><br />
<input type="submit" value="Submit" class="submit" />
</form>
}
} 
</body> 
</html>

Kør eksempel

Razor eksempel - Vis billede

Antag, at der er tre billeder i din billedmappe, og at du ønsker at vise disse billeder dynamisk baseret på brugerens valg.

Det er nemt at opnå med lidt Razor.

Hvis navnet på billedet i mappen med billeder på websiden er "Photo1.jpg", kan du bruge HTML <img>-elementet til at vise dette billede, sådan her:

<img src="images/Photo1.jpg" alt="Sample" />

Følgende eksempel viser, hvordan man viser et billede, som brugeren har valgt fra en rullemenu:

Razor instans

@{
var imagePath=""; 
if (Request["Choice"] != null)
   {imagePath="images/" + Request["Choice"];} 
} 
<!DOCTYPE html> 
<html> 
<body> 
<h1>Vis billeder</h1> 
<form method="post" action=""> 
Jeg vil se: 
<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>

Kør eksempel

Eksempler forklarer

Serveren opretter en variabel med navnet imagePath 。

HTML-siden har en variabel med navnet Choice afrulleliste（<select>-elementet）。Det giver brugeren mulighed for at vælge et venligt (kommenteret af forfatteren: let at læse) navn (f.eks. Photo 1），når siden sendes til webserveren, overføres filnavnet (f.eks. Photo1.jpg) til serveren.

Razor gennem Request["Choice"] Læs værdien af Choice. Hvis værdien eksisterer, konstruerer koden en sti til billedet (images/Photo1.jpg) og gemmer stien i variablen imagePath 。

HTML-sidens <img>-element viser dette billede. Når siden vises, sættes src-attributten til værdien af variablen imagePath.

Hvis værdien af variablen imagePath er tom, vil det forhindre, at <img>-elementet viser et ikke-eksisterende billede (f.eks. når siden først indlæses).