Borang Halaman Web

Halaman Web ASP.NET - Borang HTML

Borang ialah dokumen HTML yang meletakkan kawalan input (kotak teks, kotak semak, radio butang pilihan, senarai juntai bawah).

Buat halaman input HTML

Instance cukur

<!DOCTYPE html>
<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><br>
<input type="text" name="ContactName" value=""><br><br>
<input type="submit" value="Submit" class="submit">
</form> 
}
} 
</body> 
</html>

Jalankan instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian

Instance Razor - Paparkan Imej

Andaikan terdapat 3 imej dalam folder imej anda yang anda inginkan untuk Memaparkan imej secara dinamik berdasarkan pilihan pengguna.

Ini boleh dicapai dengan sekeping kod Razor yang ringkas.

Jika anda mempunyai imej bernama "Photo1.jpg" dalam folder imej tapak web anda, anda boleh menggunakan elemen HTML <img> untuk memaparkan imej, seperti ini:

Contoh berikut menunjukkan cara untuk memaparkan pengguna daripada senarai berikut Imej yang dipilih dalam :

Instance

@{
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="Pic1.jpg">Photo 1</option> 
   <option value="Pic2.jpg">Photo 2</option> 
   <option value="Pic3.jpg">Photo 3</option> 
</select> 
<input type="submit" value="Submit"> 
@if(imagePath != "")
{
<p>
<img src="@imagePath" alt="Sample">
</p>
}  
</form> 
</body> 
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Penjelasan contoh

Pelayan mencipta pembolehubah yang dipanggil imagePath.

Halaman HTML mempunyai senarai lungsur turun (<pilih> elemen) bernama Pilihan. Ia membenarkan pengguna memilih nama pilihan mereka sendiri (cth. Foto 1) dan apabila halaman itu diserahkan kepada pelayan web, nama fail dihantar (cth. Foto1.jpg) .

Kod cukur membaca nilai Pilihan melalui Permintaan["Choice"]. Jika laluan imej (images/Photo1.jpg) yang dibina melalui kod adalah sah, tetapkan laluan imej kepada pembolehubah imagePath.

Dalam halaman HTML, elemen <img> Atribut src digunakan untuk menetapkan nilai pembolehubah imagePath apabila halaman dipaparkan. Elemen

<img> berada di dalam blok if Ini adalah untuk mengelakkan imej daripada dipaparkan tanpa nama, seperti semasa halaman dimuatkan.