รูปแบบหน้าเว็บ ASP.NET 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> องค์ประกอบที่จะแสดงภาพดังต่อไปนี้:
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการแสดงการใช้ภาพที่เลือกจากรายการต่อไปนี้:
ตัวอย่างมีดโกน
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มีรายการแบบหล่นลงของชื่อ Choice(<select> องค์ประกอบ) จะช่วยให้ผู้ตามที่ตัวเองจะเลือกชื่อ(เช่นรูปภาพที่ 1) เมื่อเพจที่ถูกส่งไปยังเว็บเซิร์ฟเวอร์ผ่านชื่อไฟล์ (เช่น Photo1.jpg)
มีดโกนรหัสโดยขอ [ "ทางเลือก"] อ่านค่าของทางเลือกถ้าเส้นทางผ่านรหัสเพื่อสร้างภาพ (ภาพ / Photo1.jpg) ที่มีประสิทธิภาพใส่ภาพเส้นทางที่กำหนดให้กับตัวแปรImagePath
หน้า HTML, <img> องค์ประกอบที่จะใช้ในการแสดงภาพ เมื่อเพจมีการแสดงคุณลักษณะ src ใช้ในการตั้งค่าของตัวแปร ImagePath
<img> องค์ประกอบในบล็อกถ้ามันไม่ได้เพื่อป้องกันไม่ให้ชื่อภาพที่แสดงผลเช่นเมื่อหน้าเป็นครั้งแรกที่โหลดแสดง