صفحات وب 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 سرور variable به نام

در صفحه HTML یک variable به نام Choice ازلیست پ_FALL(<select> element). این به کاربر اجازه می‌دهد که یک نام دوستانه (توضیح: قابل خواندن) انتخاب کند (مثلاً Photo 1)، هنگام ارسال صفحه به سرور وب، نام فایل (مثلاً Photo1.jpg) به سرور منتقل می‌شود.

Razor از طریق Request["Choice"] مقدار variable Choice را بخواند. اگر مقدار وجود دارد، کد مسیر به تصویر (images/Photo1.jpg) را ایجاد می‌کند و مسیر را در variable ذخیره می‌کند imagePath در.

عنصر <img> صفحه HTML تصویر مربوطه را نمایش می‌دهد. هنگام نمایش صفحه، مقدار property src به مقدار variable imagePath تنظیم می‌شود.

اگر مقدار variable imagePath خالی باشد، از نمایش تصویر غیرموجود توسط علامت <img> جلوگیری می‌شود (مثلاً وقتی صفحه برای اولین بار بارگذاری می‌شود).