فرم ها (WebPages Forms)
فرم وب (Web Form) بخشی از صفحه است که ورودی می گیرد. مثلاً جعبه متن یا لیست. سپس سرور داده ها را می خواند. اینجا با ریزر (Razor) یاد می گیریم ورودی بگیریم و پاسخ بدهیم.
ساخت یک صفحه ورودی ساده
وقتی فرم ارسال شود، سرور با IsPost تشخیص می دهد. سپس مقدارها را از Request می گیرد و نشان می دهد. اگر ارسال نشده باشد، خود فرم را نمایش می دهیم.
@{
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>
}
}
نمایش تصویر بر اساس انتخاب کاربر
می خواهیم از یک لیست کشویی، نام فایل بگیریم. بعد مسیر تصویر را بسازیم و همان تصویر را نشان دهیم. اگر چیزی انتخاب نشد، تصویری نمایش نده.
@{
var imagePath = "";
if (Request["Choice"] != null) {
imagePath = "images/" + Request["Choice"];
}
}
@:<form method="post" action="">
@:<label for="Choice">I want to see:</label>
@:<select name="Choice" id="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>
گام های عملی فرم های وب
- یک فرم بساز و method را
postبگذار. - پس از ارسال، با
IsPostتشخیص بده. - مقدارها را با
Request["name"]بخوان. - نتیجه را رندر کن و خطاها را چک کن.
نکته: برای چیدمان بهتر فرم ها از چیدمان Web Pages کمک بگیر. همچنین راهنمای کامل فرم های وب را در پروژه نگه دار.
جمع بندی سریع
IsPostیعنی فرم ارسال شده است.Requestداده ورودی را می دهد.- لیست کشویی نام فایل می فرستد.
- مسیر تصویر را هوشمند بساز.