ASP.NET Web Pages - HTML फॉर्म

फॉर्म (फॉर्म) आपके HTML डॉक्यूमेंट में इनपुट कंट्रोल (टेक्स्ट बॉक्स, चेकबॉक्स, रेडियो बटन और ड्रॉपडाउन मेनू) लगाने का स्थान है。

HTML इनपुट पृष्ठ बनाएं

Razor प्रयोग

<html>
<body> 
@{
if (IsPost) { 
string companyname = Request["companyname"]; 
string contactname = Request["contactname"]; 
<p>आपने भरा: <br />
कंपनी नाम: @companyname <br />
संपर्क नाम: @contactname </p>
}
else
{
<form method="post" action="">
कंपनी नाम:<br />
<input type="text" name="CompanyName" value="" /><br />
संपर्क नाम:<br />
<input type="text" name="ContactName" value="" /><br /><br />
<input type="submit" value="Submit" class="submit" />
</form>
}
} 
</body> 
</html>

चलाने का प्रयोग

Razor प्रयोग - छवि दिखाना

आपके छवि फ़ोल्डर में तीन छवियाँ हों और आप इन्हें उपयोगकर्ता के चयन के अनुसार डायनेमिक रूप से दिखाना चाहते हैं。

कम राज़र द्वारा इसे आसानी से हासिल किया जा सकता है。

यदि वेबसाइट के छवि फ़ोल्डर में छवि का नाम "Photo1.jpg" है, तो आप HTML <img> एलीमेंट का उपयोग करके इस छवि को दिखा सकते हैं, जैसे कि:

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

नीचे दिये उदाहरण में देखा जा सकता है कि कैसे उपयोगकर्ता द्वारा ड्रॉपडाउन सूची से चयन की गई छवि दिखाई जाती है:

Razor प्रयोग

@{
var imagePath=""; 
if (Request["Choice"] != null)
   {imagePath="images/" + Request["Choice"];} 
} 
<!DOCTYPE html> 
<html> 
<body> 
<h1>छवियाँ दिखाएँ</h1> 
<form method="post" action=""> 
मैं देखना चाहता हूँ: 
<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>

चलाने का प्रयोग

उदाहरण बताता है

सर्वर नाम की variable (Choice) बनाता है imagePath का

HTML पृष्ठ में नाम की variable है Choice काड्रॉप डाउन सूची（<select> एलीमेंट）。यह उपयोगकर्ता को एक अनुकूल (संपादक की टिप्पणी: पढ़ने में आसान) नाम (उदाहरण के लिए Photo 1），जब पृष्ठ web सर्वर पर सबमिट किया जाता है तो, सर्वर को फ़ाइल नाम (उदाहरण के लिए Photo1.jpg) भेजा जाता है。

Razor द्वारा Request["Choice"] Choice के मूल्य को पढ़ें। यदि मूल्य मौजूद है, तो कोड को छवि के लिए संदर्भ रास्ता (images/Photo1.jpg) बनाया जाता है और रास्ता variable में संग्रहित किया जाता है imagePath में。

HTML पृष्ठ में <img> एलीमेंट इस छवि को दिखाता है। जब पृष्ठ दिखाया जाता है, src एट्रिब्यूट को imagePath variable का मूल्य निर्धारित किया जाता है。

यदि variable imagePath का मूल्य खाली है, तो <img> एलीमेंट अस्तित्व में नहीं होने वाली छवि (उदाहरण के लिए जब पृष्ठ पहली बार लोड हो रहा है) को दिखाने से रोक देगा。