ASP.NET Web Pages - HTML form

A form (a set of input controls such as text boxes, checkboxes, radio buttons, and dropdown menus) is where you place it in an HTML document.

Create HTML input page

Razor instance

<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 instance - Displaying image

Assuming you have three images in your image folder and you want to display these images dynamically based on the user's choice.

This can be easily achieved with a short piece of Razor.

If the name of the image in the website's image folder is "Photo1.jpg", you can use the HTML <img> element to display this image, like this:

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

The following example shows how to display an image selected by the user from a dropdown list:

Razor instance

@{
var imagePath=""; 
if (Request["Choice"] != null)
   {imagePath="images/" + Request["Choice"];} 
} 
<!DOCTYPE html> 
<html> 
<body> 
<h1>Εμφάνιση Εικόνων</h1> 
<form method="post" action=""> 
Θέλω να δω: 
<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>

Εκτέλεση Παραδείγματος

Παραδείγματα Επεξηγήσεων

Ο εξυπηρετητής δημιουργεί μια μεταβλητή με το όνομα imagePath .

Στην HTML σελίδα υπάρχει μια μεταβλητή με το όνομα Choice τουΚαταλόγος（στοιχείο <select>）。Επιτρέπει στον χρήστη να επιλέξει έναν φιλικό (σημειώσεις του συντάκτη: εύκολο στη ανάγνωση) όνομα (π.χ. Photo 1），προς τον εξυπηρετητή web όταν η σελίδα υποβάλλεται στον εξυπηρετητή web, μεταφέρεται το όνομα αρχείου (π.χ. Photo1.jpg).

Razor μέσω Request["Choice"] Αναγνώριση της τιμής του Choice. Αν υπάρχει τιμή, ο κώδικας κατασκευάζει το δρόμο προς την εικόνα (images/Photo1.jpg) και αποθηκεύει τον δρόμο στον μεταβλητή imagePath .

Το στοιχείο <img> του HTML σελίδας εμφανίζει αυτή τη φωτογραφία. Όταν εμφανίζεται η σελίδα, η τιμή της ιδιότητας src θα οριστεί ως η τιμή του μεταβλητού imagePath.

Αν η τιμή του μεταβλητού imagePath είναι κενή, θα αποτρέψει την εμφάνιση του στοιχείου <img> με α不存在nτα φωτογραφία (π.χ. κατά την πρώτη φόρτωση της σελίδας).