Latest web development tutorials

Formulir ASP.NET Halaman Web HTML

Formulir dokumen HTML untuk menempatkan kontrol input (kotak teks, kotak cek, tombol radio, daftar drop-down) bagian.

Buat masukan halaman HTML

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

Menjalankan contoh »

Misalnya Razor - gambar tampilan

Misalkan ada tiga gambar dalam folder gambar Anda Anda ingin menampilkan gambar dinamis berdasarkan pilihan pengguna.

Hal ini dapat dicapai dengan potongan sederhana dari kode Razor.

Jika ada gambar yang disebut "Photo1.jpg" di folder gambar situs Anda, Anda dapat menggunakan HTML <img> untuk menampilkan gambar, sebagai berikut:

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

Contoh berikut menunjukkan bagaimana untuk menampilkan pengguna gambar yang dipilih dari daftar berikut:

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

Menjalankan contoh »

contoh menjelaskan

server menciptakan sebuah variabel yang disebutImagePath.

Halaman HTML memilikidaftar drop-down bernama Choice(<pilih> elemen). Hal ini memungkinkan pengguna menurut mereka sendiri akan memilih nama (sepertiPhoto 1), saat halaman diajukan ke server Web, melewati nama file (seperti Photo1.jpg).

Razor Kode byRequest [ "Penghargaan"] membaca nilai Choice.Jika jalur melalui kode untuk membangun image (gambar / Photo1.jpg) yang efektif, menempatkan path gambar ditugaskan untukImagePath variabel.

Halaman HTML, <img> digunakan untuk menampilkan gambar. Ketika halaman ditampilkan, atribut src digunakan untuk mengatur nilai variabel ImagePath.

<Img> elemen di blok jika tidak untuk mencegah tampilan nama gambar, seperti saat halaman pertama dimuat ditampilkan.