ASP.NET Web Pages - HTML ফর্ম

ফর্ম (ফর্ম) হল আপনি এইচটিএমএল ডকুমেন্টের মধ্যে ইনপুট কন্ট্রোল (টেক্সট বক্স, চেক বক্স, রেডিও বক্স এবং ড্রপডাউন মেনু) স্থাপন করার স্থান。

একটি HTML ইনপুট পৃষ্ঠা তৈরি করুন

Razor ইনস্ট্যান্স

<html>
<body> 
@{
if (IsPost) { 
string companyname = Request["companyname"]; 
string contactname = Request["contactname"]; 
<p>You entered: <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 ইনস্ট্যান্স - ছবি দেখানো

আপনার ছবি ফোল্ডারে তিনটি ছবি থাকলে, এবং আপনি ইচ্ছেকৃতভাবে এই ছবিগুলোকে বাস্তবায়িত করতে চান:

একটি ছোট 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>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 পাতায় নামকরণকৃত Choice এরড্রপডাউন লিস্ট（<select> ইলেকট্রনিক প্রদর্শন）এটি ব্যবহারকারীকে একটি অভিন্ন (মেমোরান্ডাম: পড়ার সহজ) নাম বাছাই করতে দেয় (যেমন Photo 1），যখন পাতা web সার্ভারে প্রেরিত হয়, সার্ভারে ফাইলনাম (যেমন Photo1.jpg) প্রেরিত হয়。

Razor-এর মাধ্যমে Request["Choice"] Choice-এর value পড়া। যদি value উপস্থিত হয়, তবে কোডটি ছবির পথ (images/Photo1.jpg) তৈরি করে এবং পথটি variable-এ সংরক্ষণ করে imagePath উল্লেখ করা হয়েছে

HTML পাতায় <img> ইলেকট্রনিক প্রদর্শন এই ছবিটি। পাতা প্রদর্শনের সময়, src প্রতিশব্দ ইসলাম মানের value imagePath ভানা হবে。

যদি variable imagePath-এর মান খালি হয়, তবে <img> ইলেকট্রনিক প্রদর্শন না থাকা ছবি (যেমন পাতা প্রথমবার লোড হওয়ার সময়) প্রদর্শন থেকে রুখা হবে。