導讀	ASP.NET 網頁- HTML 表單是HTML 文件中放置輸入控制元件（文字框、表單、單選按鈕、下拉選單）的部分。

ASP.NET 網頁- HTML 表單簡介ASP.NET 網頁- HTML 表單簡介

建立一個 HTML 輸入頁面

剃刀例項

@{
if (IsPost) { 
string companyname = Request["companyname"]; 
string contactname = Request["contactname"]; 
<p>You entered: <br />
Company Name:  <br />
Contact Name:  </p><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>

Razor 例項 - 顯示影像

假想在您的影像中，有3張圖片，您想根據使用者的選擇動態地顯示影像。

這可以通過簡單的Razor 程式碼來實現。

如果在您網站的圖片資料夾中有一個名為“Photo1.jpg”的圖片，您可以使用 HTML 的 ASP.NET 網頁- HTML 表單簡介ASP.NET 網頁- HTML 表單簡介元素來顯示圖片，如下所示：

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

下面的例子演示瞭如何顯示使用者從下面列表中選擇的影像：

剃刀例項

<!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" /> 
<p>
<img src="" alt="Sample" />
</p>  </form> 
</body> 
</html>

例項解釋

建立了一個叫imagePath的變數。

HTML頁面有一個名稱選擇的 下拉選單 （<select>元素）。它允許使用者自己選擇一個名稱（如 照片1 ），當頁面被提交到Web伺服器時，則傳遞了一個檔名（如 照片1.jpg ）。

Razor 程式碼通過 Request["Choice"] 讀取Choice的值。如果通過程式碼構建的影像路徑（images/Photo1.jpg）有效，將路徑賦予圖片給建立者 imagePath 。

在 HTML 頁面中，<img> 元素顯示圖片。當頁面顯示時，src 屬性設定圖片路徑變數的值。
<img>元素是在一個如果塊中，這是為了防止顯示沒有名稱的影像，例如第一頁面次被載入顯示的時候。

原文來自：

ASP.NET 網頁- HTML 表單簡介

相關文章