Bentuk adalah bagian dari sebuah dokumen HTML di mana Anda meletakkan kontrol input (text boxes, check boxes, radio buttons, and pull-down lists)
Membuat Input HTML Halaman
Razor Contoh
<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> Menjalankan contoh » Razor Contoh - Menampilkan Gambar
Misalkan Anda memiliki 3 gambar dalam folder gambar Anda, dan Anda ingin menampilkan gambar dinamis dengan pilihan pengguna.
Hal ini mudah dilakukan oleh sedikit Razor kode.
Jika Anda memiliki sebuah gambar yang disebut "Photo1.jpg" di folder gambar Anda di situs web Anda, Anda dapat menampilkan gambar menggunakan HTML <img> elemen seperti ini:
<img src="images/Photo1.jpg" alt="Sample" />
Contoh di bawah menunjukkan bagaimana untuk menampilkan gambar yang dipilih yang memilih pengguna dari daftar drop-down:
Razor Contoh
@{
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>
Menjalankan contoh » contoh menjelaskan
Server menciptakan sebuah variabel yang disebut imagePath .
Halaman HTML memiliki drop-down list (a <select> element) bernama Choice . Ini memungkinkan pengguna memilih nama yang ramah (like Photo 1 ) , dan melewati nama file (like Photo1.jpg ) saat halaman diajukan ke web server.
The Razor kode membaca nilai of Choice by Request["Choice"] . Jika memiliki nilai kode membangun jalan untuk gambar (gambar / Photo1.jpg, dan menyimpannya dalam variabel imagePath .
Di halaman HTML ada <img> elemen untuk menampilkan gambar. The src atribut diatur ke nilai variabel ImagePath saat halaman menampilkan.
The <img> elemen di blok jika untuk mencegah mencoba untuk menampilkan gambar tanpa nama (seperti pertama kali halaman ditampilkan.