وهناك شكل هو جزء من وثيقة HTML حيث يمكنك وضع ضوابط مدخلات (text boxes, check boxes, radio buttons, and pull-down lists)
إنشاء الإدخال صفحة HTML
Razor مثال
<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> تشغيل المثال » Razor مثال - عرض الصور
افترض أن لديك 3 صور في مجلد الصور الخاص بك، وكنت ترغب في عرض الصور بشكل ديناميكي من خلال اختيار المستخدمين.
ويتم ذلك بسهولة عن طريق بعض 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 لديها drop-down list (a <select> element) اسمه Choice . وهو يتيح للمستخدم تحديد اسم مألوف (like Photo 1 ) ، ويمر اسم ملف (like Photo1.jpg ) عندما تكون الصفحة التي قدمت إلى خادم الويب.
و Razor كود يقرأ قيمة الاختيار من Request["Choice"] . إذا كان لديه قيمة رمز يبني مسار إلى صورة (صور / Photo1.jpg، ويخزنها في متغير imagePath .
في صفحة HTML هناك <img> عنصر لعرض الصورة. و src تم تعيين السمة إلى قيمة المتغير imagePath عندما يعرض الصفحة.
و <img> العنصر في حال كتلة لمنع محاولة لعرض صورة مع عدم وجود اسم (مثل المرة الأولى التي عرض الصفحة.