ASP.NET Web Pages - Formularz HTML

Formularz (białka) to miejsce, gdzie umieszczasz kontrolki wejściowe (pole tekstowe, przyciski wyboru, pola wyboru i rozwijane listy) w dokumencie HTML.

Tworzenie strony HTML z formularzem

Instancja Razor

<html>
<body> 
@{
jeśli IsPost 
string nazwafirmy = Zapytanie["nazwafirmy"]; 
string imienakontaktowe = Zapytanie["imienakontaktowe"]; 
<p>Wprowadziłeś: <br />
Nazwa firmy: @nazwafirmy <br />
Imię kontaktowe: @imienakontaktowe </p>
}
inaczej
{
<form method="post" action="">
Nazwa firmy:<br />
<input type="text" name="NazwaFirmy" value="" /><br />
Imię kontaktowe:<br />
<input type="text" name="ImięKontaktowe" value="" /><br /><br />
<input type="submit" value="Wyślij" class="submit" />
</form>
}
} 
</body> 
</html>

Uruchomienie przykładu

Instancja Razor - Wyświetlanie obrazu

Załóżmy, że masz trzy obrazy w katalogu obrazów i chcesz dynamicznie wyświetlać te obrazy na podstawie wyboru użytkownika.

To można łatwo osiągnąć za pomocą krótkiego kodu Razor.

Jeśli nazwa obrazu w katalogu obrazów witryny to "Photo1.jpg", możesz użyć elementu HTML <img>, aby wyświetlić to zdjęcie, tak jak tutaj:

<img src="images/Photo1.jpg" alt="Przykład" />

Poniższy przykład pokazuje, jak wyświetlić obraz wybrany przez użytkownika z rozwijanej listy:

Instancja Razor

@{
var pathDoZdjęcia=""; 
jeśli Zapytanie["Wybór"] != null
   {pathDoZdjęcia="images/" + Zapytanie["Wybór"];} 
} 
<!DOCTYPE html> 
<html> 
<body> 
<h1>Wyświetl Obrazy</h1> 
<form method="post" action=""> 
Chcę zobaczyć: 
<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>

Uruchomienie przykładu

Przykłady

Serwer tworzy nazwę imagePath

Strona HTML zawiera zmienną o nazwie Choice zLista rozwijana（element <select>）。Pozwala użytkownikowi wybrać przyjazną (komentarz redaktora: łatwą do odczytania) nazwę (np. Photo 1），przy wysyłaniu strony do serwera webowego, przekazuje nazwę pliku (np. Photo1.jpg).

Razor przez Request["Choice"] Odczytuje wartość Choice. Jeśli wartość istnieje, kod konstruuje ścieżkę do obrazu (images/Photo1.jpg) i przechowuje ścieżkę w zmiennej imagePath 。

Element <img> w stronie HTML wyświetla ten obraz. Kiedy strona jest wyświetlana, atrybut src jest ustawiany na wartość zmiennej imagePath.

Jeśli wartość zmiennej imagePath jest pusta, zapobiega to wyświetleniu nieistniejącego obrazu przez element <img> (np. podczas pierwszego ładowania strony).