Halaman Web ASP.NET - Formulir HTML
Formulir adalah bagian dari dokumen HTML tempat Anda meletakkan kontrol input (kotak teks, kotak centang, tombol radio, dan daftar tarik-turun).
Membuat Halaman Masukan HTML
Contoh Pisau Cukur
<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>
Contoh Pisau Cukur - Menampilkan Gambar
Misalkan Anda memiliki 3 gambar di folder gambar Anda, dan Anda ingin menampilkan gambar secara dinamis sesuai pilihan pengguna.
Ini mudah dilakukan dengan sedikit kode Razor.
Jika Anda memiliki gambar bernama "Photo1.jpg" di folder gambar di situs web Anda, Anda dapat menampilkan gambar menggunakan elemen <img> HTML seperti ini:
<img src="images/Photo1.jpg" alt="Sample" />
Contoh di bawah ini menunjukkan cara menampilkan gambar yang dipilih yang dipilih pengguna dari daftar drop-down:
Contoh Pisau Cukur
@{
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>
Contoh dijelaskan
Server membuat variabel yang disebut imagePath .
Halaman HTML memiliki daftar drop-down (elemen <select>) bernama Choice . Ini memungkinkan pengguna memilih nama yang ramah (seperti Foto 1 ), dan meneruskan nama file (seperti Photo1.jpg ) ketika halaman dikirimkan ke server web.
Kode Razor membaca nilai Choice by Request["Choice"] . Jika memiliki nilai, kode akan membuat jalur ke image images/Photo1.jpg, dan menyimpannya dalam variabel imagePath .
Pada halaman HTML terdapat elemen <img> untuk menampilkan gambar. Atribut src disetel ke nilai variabel imagePath saat halaman ditampilkan.
Elemen <img> berada dalam blok if untuk mencegah upaya menampilkan gambar tanpa nama (seperti saat pertama kali halaman ditampilkan).