Latest web development tutorials

ASP.NET Web-Seiten HTML-Formular

Formulare sind HTML-Dokumente Eingabesteuerungen zu platzieren (Textfelder, Kontrollkästchen, Optionsfelder, Drop-Down-Liste) Teile.


Erstellen Sie eine HTML-Seite Eingabe

Razor Beispiele

<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>

Ausführung einer Instanz »


Razor Beispiel - Anzeigebild

Angenommen, es gibt drei Bilder in Ihrem Bildordner Sie Bilder angezeigt werden dynamisch basierend auf Benutzerauswahl.

Dies kann durch ein einfaches Stück Rasiermesser Code erreicht werden.

Wenn es ein Bild "photo1.jpg" in Ihrer Website Bilder Ordner mit dem Namen ist, können Sie die HTML-Element <img> verwenden, um ein Bild anzuzeigen, wie folgt:

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

Das folgende Beispiel zeigt, wie aus der folgenden Liste Benutzer ausgewählten Bilder anzuzeigen:

Razor Beispiele

@{
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>

Ausführung einer Instanz »

Beispiele erklärt

Der Server erstellt eine Variable namensimagePath.

HTML - Seite hat eineDropdown-Liste mit dem Namen Auswahl(<select> Element). Es erlaubt dem Anwender nach ihren eigenen Willen einen Namen (wieBild 1) wählen, wenn die Seite an den Webserver gesendet wird, übergeben Sie einen Dateinamen (wie photo1.jpg).

Razor - Code durchRequest [ "Wahl"] liest den Wert der Wahl.Wenn der Pfad durch den Code des Bildes (Bilder / photo1.jpg) wirksam zu bauen, setzen Sie den Bildpfad auf die VariableimagePath zugeordnet.

HTML-Seite, <img> Element wird verwendet, um das Bild anzuzeigen. Wenn die Seite angezeigt wird, wird src-Attribut verwendet, um den Wert von imagePath Variablen zu setzen.

<Img> Element ist in einem Block, wenn es nicht um das Anzeigebild Namen zu verhindern, ist, wie wenn die Seite zum ersten Mal angezeigt geladen wird.