Ein Formular ist der Teil eines HTML-Dokuments, in dem Eingabesteuerelemente (Textfelder, Kontrollkästchen, Optionsfelder, Dropdown-Listen) platziert werden.
HTML-Eingabeseite erstellen
Razor Instanz
<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>Razor-Instanz – Bild anzeigen
Übernehmen in Sie haben 3 Bilder in Ihrem Bilderordner und möchten die Bilder dynamisch basierend auf der Auswahl des Benutzers anzeigen.
Dies kann mit einem einfachen Stück Razor-Code erreicht werden.
Wenn Sie ein Bild mit dem Namen „Photo1.jpg“ im Bilderordner Ihrer Website haben, können Sie das HTML-Element verwenden, um das Bild anzuzeigen:
<img src="images/Photo1.jpg" alt="Sample" />
Das folgende Beispiel zeigt, wie ein vom Benutzer aus der folgenden Liste ausgewähltes Bild angezeigt wird:
Razor-Instanz
@{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>Instanzerklärung
Server hat ein Variable namens imagePath.
Die HTML-Seite verfügt über eine Dropdown-Liste mit dem Namen „Choice“ (
Was sind die ASP-Entwicklungstools?
Was passiert, wenn die IP-Adresse nicht verfügbar ist?
So verwenden Sie die Frequenzfunktion
Aktuelles Ranking der digitalen Währungsbörsen
So verweisen Sie auf CSS in HTML
So verwenden Sie dc.rectangle
Was bedeutet Intervall?
So erstellen Sie ein rundes Bild in ppt
