ASP.NET वेब पेज - HTML फॉर्म
प्रपत्र HTML दस्तावेज़ का एक भाग है जहाँ आप इनपुट नियंत्रण (पाठ बॉक्स, चेक बॉक्स, रेडियो बटन और पुल-डाउन सूचियाँ) डालते हैं।
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 />
<input type="text" name="ContactName" value="" /><br /><br />
<input type="submit" value="Submit" class="submit" />
</form>
}
}
</body>
</html>
रेजर उदाहरण - चित्र प्रदर्शित करना
मान लीजिए कि आपके छवि फ़ोल्डर में 3 छवियां हैं, और आप उपयोगकर्ताओं की पसंद से छवियों को गतिशील रूप से प्रदर्शित करना चाहते हैं।
यह थोड़ा रेजर कोड द्वारा आसानी से किया जाता है।
यदि आपकी वेब साइट पर आपके इमेज फोल्डर में "Photo1.jpg" नाम की एक इमेज है, तो आप HTML <img> एलिमेंट का उपयोग करके इमेज को इस तरह प्रदर्शित कर सकते हैं:
<img src="images/Photo1.jpg" alt="Sample" />
नीचे दिया गया उदाहरण दिखाता है कि एक चयनित चित्र को कैसे प्रदर्शित किया जाए जिसे उपयोगकर्ता ड्रॉप-डाउन सूची से चुनता है:
रेजर उदाहरण
@{
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>
उदाहरण समझाया गया
सर्वर imagePath नामक एक वेरिएबल बनाता है ।
HTML पृष्ठ में चॉइस नाम की एक ड्रॉप-डाउन सूची (एक <select> तत्व) है । यह उपयोगकर्ता को एक अनुकूल नाम (जैसे फोटो 1 ) का चयन करने देता है, और वेब सर्वर पर पेज सबमिट होने पर एक फ़ाइल नाम (जैसे Photo1.jpg ) पास करता है।
रेजर कोड च्वाइस बाय रिक्वेस्ट ["चॉइस"] के मूल्य को पढ़ता है । यदि इसका कोई मान है तो कोड छवि छवियों/Photo1.jpg के लिए पथ बनाता है, और इसे वेरिएबल imagePath में संग्रहीत करता है ।
HTML पृष्ठ में छवि प्रदर्शित करने के लिए एक <img> तत्व है। पृष्ठ प्रदर्शित होने पर src विशेषता imagePath चर के मान पर सेट हो जाती है।
<img> तत्व बिना किसी नाम वाली छवि प्रदर्शित करने की कोशिश को रोकने के लिए if ब्लॉक में है (जैसे पहली बार पृष्ठ प्रदर्शित होता है)।