Latest web development tutorials

شكل صفحات ويب ASP.NET HTML

أشكال وثائق HTML لوضع ضوابط الإدخال (مربعات النص، مربعات الاختيار وأزرار الراديو، القائمة المنسدلة) قطع.


إنشاء مدخلا صفحة HTML

أمثلة الحلاقة

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

تشغيل المثال »


مثال أسلاك شائكة - عرض الصور

لنفترض أن هناك ثلاث صور في مجلد الصور الخاص بك تريد عرض الصور بشكل حيوي استنادا اختيار المستخدم.

ويمكن تحقيق ذلك عن طريق قطعة بسيطة من التعليمات البرمجية الشفرة.

إذا كان هناك صورة تسمى "Photo1.jpg" في مجلد الصور موقعك، يمكنك استخدام عنصر HTML <IMG> لعرض صورة على النحو التالي:

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

يوضح المثال التالي كيفية عرض المستخدم الصور المختارة من القائمة التالية:

أمثلة الحلاقة

@{
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لديها قائمة منسدلة اسمه اختيار(<حدد> عنصر). وهو يتيح للمستخدمين وفقا لوحدهم واختيار اسم (مثلصورة 1)، عندما تكون الصفحة التي قدمت إلى ملقم ويب، تمرير اسم ملف (مثل Photo1.jpg).

الحلاقة رمز منطلب [ "اختيار"] يقرأ قيمة الاختيار.إذا كان المسار خلال التعليمات البرمجية لبناء صورة (صور / Photo1.jpg) فعالية، ووضع مسار الصورة المخصصةلimagePath متغير.

صفحة HTML، ويستخدم على <img> عنصر لعرض الصورة. عندما يتم عرض الصفحة، يتم استخدام سمة src إلى تعيين قيمة متغير imagePath.

على <img> العنصر في كتلة إذا لم يكن لمنع اسم صورة العرض، مثل عندما تكون الصفحة الأولى تحميل المعروضة.