Latest web development tutorials

Formularz HTML ASP.NET Web Pages

Formularze są dokumenty HTML, aby umieścić kontroli wejścia (pola tekstowe, pola wyboru, przyciski radiowe, listy rozwijanej) części.

Załóż wejście strony HTML

przykłady Razor

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

Uruchomienie instancji »

Razor przykład - wyświetlanie obrazu

Załóżmy, że istnieją trzy obrazy w folderze zdjęcie, które chcesz wyświetlać obrazy dynamicznie na podstawie wyboru użytkownika.

Można to osiągnąć przez proste części kodu z ostrzami.

Jeśli jest to obraz o nazwie "Photo1.jpg" w folderze images witryny, można użyć elementu HTML <img> do wyświetlania obrazu, co następuje:

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

Poniższy przykład pokazuje, w jaki sposób wyświetlać użytkownik wybrał obrazy z poniższej listy:

przykłady Razor

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

Uruchomienie instancji »

Przykłady przedstawione

Serwer tworzy zmienną o nazwieImagePath.

Strona HTML malistę rozwijaną o nazwie Choice(<Wybierz> element). Pozwala on użytkownikom według własnej woli wybrać nazwę (takie jakPhoto 1), gdy strona zostanie przedłożony do serwera WWW, należy przekazać nazwę pliku (na przykład Photo1.jpg).

Razor Codeżyczenie [ "wybór"] odczytuje wartość z wyboru.Jeśli ścieżka poprzez kod do budowania obrazu (images / Photo1.jpg) skuteczne, umieścić ścieżkę obrazu przypisana do zmiennejImagePath.

Strona HTML <img> element jest używany do wyświetlania obrazu. Po wyświetleniu strony, atrybut src służy do ustawiania wartości zmiennej ImagePath.

<Img> jest w bloku, czy nie jest, aby zapobiec nazwę obrazu wyświetlacza, na przykład, gdy jest załadowana najpierw wyświetlona.