صفحات وب ASP.NET - فرم 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 - نمایش تصویر

فرض کنید سه تصویر در پوشه تصاویر شما وجود دارد و می‌خواهید این تصاویر را بر اساس انتخاب کاربر نمایش دهید.

با یک بخش کوچک از Razor به راحتی می‌توان این کار را انجام داد.

اگر نام تصاویر موجود در پوشه تصاویر وب‌سایت شما "Photo1.jpg" باشد، می‌توانید از علامت <img> HTML برای نمایش این تصویر مانند این استفاده کنید:

<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>

مثال چلائیں گئی

مثال توضیح

سرور نے نام کا متغیر imagePath یہ موجود ہے

HTML پیج میں نام کا متغیر Choice کادس میل(<select> علامت)۔ یہ ایک آسان (توضیح: پڑھنا آسان) نام منتخب کرنے کی اجازت دیتا ہے (مثلاً Photo 1)، جب پیج ویب سرور کو ارسال ہوتی ہے تو فائل نام کو سرور کو بھیج دیاجاتا ہے (مثلاً Photo1.jpg)۔

Razor کے ذریعہ Request["Choice"] Choice کی قیمتیں پڑھیں گئی ہیں۔ اگر قیمتیں موجود ہیں تو کد تصویر کی راستہ بناتی ہے (images/Photo1.jpg) اور راستو متغیر میں ذخیرہ کیاجاتا ہے imagePath میں

HTML پیج میں <img> علامت اس تصویر کو نمودار کرتی ہے۔ جب پیج نمودار ہوتی ہے تو src خاصیت imagePath متغیر کا یقین بھرنا ہوگا۔

اگر متغیر imagePath کا یقین بھرنا خالی ہو تو <img> علامت کا نمودار نہیں ہوگا (مثلاً جب پیج پہلی بار لوڈ ہو رہا ہے)۔