Bagian ini menjelaskan kepada Anda formulir HTML ASP.NET WebPages.
Formulir adalah bagian dari dokumen HTML tempat kontrol input (kotak teks, kotak centang, tombol radio, daftar drop-down) ditempatkan.
Contoh pisau cukur
<html> <body> @{if (IsPost) { string nama perusahaan = Permintaan["nama perusahaan"]; string nama kontak = Permintaan["nama kontak"]; <p>Anda memasukkan: <br /> Nama Perusahaan: @namaperusahaan <br /> Nama Kontak: @namakontak </p>}lainnya{ <form method="post" action=""> Nama Perusahaan:<br /> <input type="text" name="CompanyName" value="" /><br /> Nama Kontak:<br /> <input type="text" name="ContactName" value="" /><br /><br /> <input type="submit" value="Kirim" /> </form> } } </tubuh> </html>
Misalkan Anda memiliki 3 gambar di folder gambar dan Anda ingin menampilkan gambar secara dinamis berdasarkan pilihan pengguna.
Hal ini dapat dicapai dengan sepotong kode Razor sederhana.
Jika Anda memiliki gambar bernama "Photo1.jpg" di folder gambar situs web Anda, Anda dapat menggunakan elemen HTML <img> untuk menampilkan gambar tersebut, seperti yang ditunjukkan di bawah ini:
<img src="gambar/Foto1.jpg" />
Contoh berikut menunjukkan cara menampilkan gambar yang dipilih oleh pengguna dari daftar berikut:
@{var imagePath=""; if (Permintaan["Pilihan"] != null){imagePath="images/" + Permintaan["Pilihan"];} } <!DOCTYPE html> <html> <body> <h1>Tampilkan Gambar</h1> <form method="post" action=""> Saya ingin melihat: <select name="Choice"> <option value=" Photo1.jpg">Foto 1</option> <option value="Photo2.jpg">Foto 2</option> <option value="Photo3.jpg">Foto 3</option> </select> <input type="kirim" value="Kirim" /> @if (imagePath != ""){ <p> <img src="@imagePath " /> </p>} </bentuk> </tubuh> </html>Server membuat variabel bernama imagePath .
Halaman HTML memiliki daftar drop-down (elemen <select>) bernama Choice . Hal ini memungkinkan pengguna untuk memilih nama sesuai keinginan mereka sendiri (seperti Foto 1 ), dan ketika halaman dikirimkan ke server Web, nama file (seperti Foto1.jpg ) diteruskan.
Kode pisau cukur membaca nilai Choice melalui Request["Choice"] . Jika jalur gambar (images/Photo1.jpg) yang dibuat melalui kode valid, tetapkan jalur gambar ke variabel imagePath .
Di halaman HTML, elemen <img> digunakan untuk menampilkan gambar. Saat halaman ditampilkan, atribut src digunakan untuk mengatur nilai variabel imagePath.
Elemen <img> berada di dalam blok if. Hal ini untuk mencegah gambar ditampilkan tanpa nama, seperti saat halaman pertama kali dimuat.