ASP.NET Web Sayfaları - HTML Formları
Form, bir HTML belgesinin giriş denetimlerini (metin kutuları, onay kutuları, radyo düğmeleri ve açılır listeler) koyduğunuz bir bölümüdür.
HTML Giriş Sayfası Oluşturma
Jilet Örneği
<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 Örneği - Görüntüleri Görüntüleme
Resim klasörünüzde 3 resminiz olduğunu ve resimleri kullanıcıların tercihine göre dinamik olarak görüntülemek istediğinizi varsayalım.
Bu, küçük bir Razor koduyla kolayca yapılır.
Web sitenizdeki resimler klasörünüzde "Photo1.jpg" adlı bir resminiz varsa, resmi aşağıdaki gibi bir HTML <img> öğesi kullanarak görüntüleyebilirsiniz:
<img src="images/Photo1.jpg" alt="Sample" />
Aşağıdaki örnek, kullanıcının açılır listeden seçtiği seçili bir resmin nasıl görüntüleneceğini gösterir:
Jilet Örneği
@{
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>
Örnek açıklama
Sunucu, imagePath adında bir değişken oluşturur .
HTML sayfasında Seçim adında bir açılır liste (bir <select> öğesi) bulunur . Kullanıcının kolay bir ad ( Fotoğraf 1 gibi) seçmesine izin verir ve sayfa web sunucusuna gönderildiğinde bir dosya adı ( Photo1.jpg gibi) iletir.
Razor kodu, İsteğe Göre Seçim["Seçim"] değerini okur . Bir değeri varsa, kod image images/Photo1.jpg için bir yol oluşturur ve onu imagePath değişkeninde saklar .
HTML sayfasında, resmi görüntülemek için bir <img> öğesi vardır. src niteliği, sayfa görüntülendiğinde imagePath değişkeninin değerine ayarlanır.
<img> öğesi, adsız bir görüntüyü görüntülemeye çalışmayı önlemek için bir if bloğundadır (sayfanın ilk görüntülenmesi gibi).